window.addEvent('domready', function() {

	var infoSlide = new Fx.Slide('infotext').hide();
	var qhairSlide = new Fx.Slide('qhairtext').hide();
	var mediaSlide = new Fx.Slide('mediatext').hide();
	var galleriaSlide = new Fx.Slide('galleriatext').hide();
	var ajanvarausSlide = new Fx.Slide('ajanvaraustext').hide();
	var palvelutSlide = new Fx.Slide('palveluttext').hide();
	if(location.hash == "#qhair"){
		var naviactive = $('qhairlink');
		$('qhairtext').style.display = "block";
		qhairSlide.show();
		var current = qhairSlide;
	}
	else if(location.hash == "#media"){
		var naviactive = $('medialink');
		$('mediatext').style.display = "block";
		mediaSlide.show();
		var current = mediaSlide;
	}
	else if(location.hash == "#galleria"){
		var naviactive = $('gallerialink');
		$('galleriatext').style.display = "block";
		galleriaSlide.show();		
		var current = galleriaSlide;
	}
	else if(location.hash == "#ajanvaraus"){
		var naviactive = $('ajanvarauslink');
		$('ajanvaraustext').style.display = "block";
		ajanvarausSlide.show();		
		var current = ajanvarausSlide;
	}
	else if(location.hash == "#palvelut"){
		var naviactive = $('palvelutlink');
		$('palveluttext').style.display = "block";
		palvelutSlide.show();		
		var current = palvelutSlide;
	}
	else{
		var naviactive = $('infolink');
		$('infotext').style.display = "block";
		infoSlide.show();
		var current = infoSlide;
	}
	naviactive.getParent().className = "naviactive";
	
	$('infolink').addEvent('click', function() {
		if(current != infoSlide){
			naviactive.getParent().className = "naviinactive";
			$('infolink').getParent().className = "naviactive";
			naviactive = $('infolink');
			current.slideOut().chain(function(){
				qhairSlide.hide();
				mediaSlide.hide();
				galleriaSlide.hide();
				ajanvarausSlide.hide();
				palvelutSlide.hide();
				current = infoSlide;
				$('infotext').style.display = "block";			
				infoSlide.slideIn();
			});
		}
	});

	$('qhairlink').addEvent('click', function() {
		if(current != qhairSlide){
			naviactive.getParent().className = "naviinactive";
			$('qhairlink').getParent().className = "naviactive";
			naviactive = $('qhairlink');
			current.slideOut().chain(function(){
				infoSlide.hide();
				mediaSlide.hide();
				galleriaSlide.hide();
				ajanvarausSlide.hide();
				palvelutSlide.hide();
				current = qhairSlide;
				$('qhairtext').style.display = "block";
				qhairSlide.slideIn();
			});
		}
	});

	$('medialink').addEvent('click', function() {
		if(current != mediaSlide){
			naviactive.getParent().className = "naviinactive";
			$('medialink').getParent().className = "naviactive";
			naviactive = $('medialink');		
			current.slideOut().chain(function(){
				qhairSlide.hide();
				infoSlide.hide();
				galleriaSlide.hide();
				ajanvarausSlide.hide();
				palvelutSlide.hide();
				current = mediaSlide;
				$('mediatext').style.display = "block";
				mediaSlide.slideIn();
			});
		}
	});
	
	$('gallerialink').addEvent('click', function() {
		if(current != galleriaSlide){
			naviactive.getParent().className = "naviinactive";
			$('gallerialink').getParent().className = "naviactive";
			naviactive = $('gallerialink');
			current.slideOut().chain(function(){
				qhairSlide.hide();
				mediaSlide.hide();
				infoSlide.hide();
				ajanvarausSlide.hide();
				palvelutSlide.hide();
				current = galleriaSlide;				
				$('galleriatext').style.display = "block";
				galleriaSlide.slideIn();
			});
		}
	});	
	
	$('ajanvarauslink').addEvent('click', function() {
		if(current != ajanvarausSlide){
			naviactive.getParent().className = "naviinactive";
			$('ajanvarauslink').getParent().className = "naviactive";
			naviactive = $('ajanvarauslink');
			current.slideOut().chain(function(){
				qhairSlide.hide();
				mediaSlide.hide();
				infoSlide.hide();
				galleriaSlide.hide();
				palvelutSlide.hide();
				current = ajanvarausSlide;				
				$('ajanvaraustext').style.display = "block";
				ajanvarausSlide.slideIn();
			});
		}
	});	


	$('palvelutlink').addEvent('click', function() {
		if(current != palvelutSlide){
			naviactive.getParent().className = "naviinactive";
			$('palvelutlink').getParent().className = "naviactive";
			naviactive = $('palvelutlink');
			current.slideOut().chain(function(){
				qhairSlide.hide();
				mediaSlide.hide();
				infoSlide.hide();
				galleriaSlide.hide();
				ajanvarausSlide.hide();
				current = palvelutSlide;			
				$('palveluttext').style.display = "block";
				palvelutSlide.slideIn();
			});
		}
	});	


});
/*

	$('qhair').addEvent('click', function() {
		if(current != qhairSlide){
			current.slideOut().chain(function(){
				qhairSlide.slideIn();
			});
		}
	}

	var current="content/info.html"

	$('info').addEvent('click', function() {
		if(current!="content/info.html"){
			mySlide.slideOut().chain(function(){
				(new Request.HTML({url: "content/info.html", 
					onSuccess: function(html) {
						//Clear the text currently inside the results div.
						$('text').set('text', '');
						//Inject the new DOM elements into the results div.
						$('text').adopt(html);
						Milkbox.initialize();	
					},
					//Our request will most likely succeed, but just in case, we'll add an
					//onFailure method which will let the user know what happened.
					onFailure: function() {
						$('text').set('text', 'Ongelma sivun päivityksessä.');
					}
				})).send().chain(function(){
					mySlide.slideIn();
				});
			});
					
			current="content/info.html";
		}
	});


	$('qhair').addEvent('click', function() {
		if(current!="content/qhair.html"){
			mySlide.slideOut().chain(function(){
				(new Request.HTML({url: "content/qhair.html", 
					onSuccess: function(html) {
						//Clear the text currently inside the results div.
						$('text').set('text', '');
						//Inject the new DOM elements into the results div.
						$('text').adopt(html);
						Milkbox.initialize();	
					},
					//Our request will most likely succeed, but just in case, we'll add an
					//onFailure method which will let the user know what happened.
					onFailure: function() {
						$('text').set('text', 'Ongelma sivun päivityksessä.');
					}
				})).send().chain(function(){
					mySlide.slideIn();
				});
			});
					
			current="content/qhair.html";
		}
	});
	
	$('liike').addEvent('click', function() {
		if(current!="content/liike.html"){
			mySlide.slideOut().chain(function(){
				(new Request.HTML({url: "content/liike.html", 
					onSuccess: function(html) {
						//Clear the text currently inside the results div.
						$('text').set('text', '');
						//Inject the new DOM elements into the results div.
						$('text').adopt(html);
						Milkbox.initialize();	
					},
					//Our request will most likely succeed, but just in case, we'll add an
					//onFailure method which will let the user know what happened.
					onFailure: function() {
						$('text').set('text', 'Ongelma sivun päivityksessä.');
					}
				})).send().chain(function(){
					mySlide.slideIn();
				});
			});
					
			current="content/liike.html";
		}
	});
	
	$('galleria').addEvent('click', function() {
		if(current!="content/galleria.html"){
			mySlide.slideOut().chain(function(){
				(new Request.HTML({url: "content/galleria.html", 
					onSuccess: function(html) {
						//Clear the text currently inside the results div.
						$('text').set('text', '');
						//Inject the new DOM elements into the results div.
						$('text').adopt(html);
						Milkbox.initialize();	
					},
					//Our request will most likely succeed, but just in case, we'll add an
					//onFailure method which will let the user know what happened.
					onFailure: function() {
						$('text').set('text', 'Ongelma sivun päivityksessä.');
					}
				})).send().chain(function(){
					mySlide.slideIn();
				});
			});
					
			current="content/galleria.html";
		}
	});		*/

		
		/*	$('galleria').addEvent('click', function(){
			if(myPage!="galleria"){	
				mySlide.slideOut().chain(function(){
					var url = "content/galleria.html";
		
		
					new Ajax(url, {
						method: 'get',
						update: $('text'),
					}).request().chain(function(){
						mySlide.slideIn();
						});
				});
				myPage = "galleria";		
						
			}
		});*/
	
	/*

});*/

/* // TOIMIVAT



	var current="content/info.html"

	$('qhair').addEvent('click', function() {
		if(current!="content/qhair.html"){
			current="content/qhair.html";
			req.send();
		}
	});

		
	//We can use one Request object many times.
	var req = new Request.HTML({url: current, 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('text').set('text', '');
			//Inject the new DOM elements into the results div.
			$('text').adopt(html);
			Milkbox.initialize();

		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('text').set('text', 'Ongelma sivun päivityksessä.');
		}
	});
	

});*/

//VANHAT KOODIT

/*
	window.addEvent('domready', function(){

		var virhe = "Sivua ei voida näyttää. Ole hyvä ja yritä uudestaan tai palaa sivulle myöhemmin.";
		var myPage = "info";		
		var mySlide = new Fx.Slide('text');
		
		$('info').addEvent('click', function(){
			if(myPage!="info"){	
				mySlide.slideOut().chain(function(){
					var url = "content/info.html";
				
					new Request(url, {
						method: 'get',
						update: $('text'),
					}).request().chain(function(){
						mySlide.slideIn();
						});
				});

				myPage = "info";		
						
			}
		});

//UUSI YRITELMÄ
		
		$('qhair').addEvent('click', function(){
			if(myPage!="qhair"){	
				myPage = "qhair";		
				var url = "content/qhair.html";
				new Request.HTML(url, {
					method: 'get',
					onSuccess: function(html) {
						$('text').set('text', '');
						$('text').adopt(html);
					},
					onFailure: function(text) {
						$('text').set('text', virhe);
					}
				}).send();
			}});			
			//
				mySlide.slideOut().chain(function(){
					var url = "content/qhair.html";
		
					new Request(url, {
						method: 'get',
						onSuccess: function(txt) {
							$('text').set('text', txt);
						},
						onFailure: function(txt) {
							$('text').set('text', virhe);
						}
					}).chain(function(){
						mySlide.slideIn();
			 			});
				});
				
				myPage = "qhair";		
						
			}
		});
		//
		$('liike').addEvent('click', function(){
			if(myPage!="liike"){	
				mySlide.slideOut().chain(function(){
					var url = "content/liike.html";
		
					new Ajax(url, {
						method: 'get',
						update: $('text'),
					}).request().chain(function(){
						mySlide.slideIn();
						});
				});
				myPage = "liike";		
						
			}
		});

		$('galleria').addEvent('click', function(){
			if(myPage!="galleria"){	
				mySlide.slideOut().chain(function(){
					var url = "content/galleria.html";
		
		
					new Ajax(url, {
						method: 'get',
						update: $('text'),
					}).request().chain(function(){
						mySlide.slideIn();
						});
				});
				myPage = "galleria";		
						
			}
		});
		
	}); */