$(document).ready(function(){

	var arrow = $("#hotelu_arrow"); 

	$(".topbox").click(function(){
	
		arrow.fadeIn();
		$("html, body").animate({ scrollTop: $(document).height() }, 1000);
	
		switch($(this).attr("id")){
		
			case "spa_link":
		
				$("#spa_bottom").fadeIn();
				arrow = $("#spa_arrow");
			
				$("#cennik_bottom").css("display", "none");
				$("#hotelu_bottom").css("display", "none");
				$("#kontakt_bottom").css("display", "none");
				
			break;
			case "cennik_link":
							
				$("#cennik_bottom").fadeIn();
				arrow = $("#cennik_arrow"); 
				
				$("#spa_bottom").css("display", "none");
				$("#hotelu_bottom").css("display", "none");
				$("#kontakt_bottom").css("display", "none");
				
			break;
			case "hotelu_link":
			
				$("#hotelu_bottom").fadeIn();
				arrow = $("#hotelu_arrow");
				
				$("#spa_bottom").css("display", "none");
				$("#cennik_bottom").css("display", "none");
				$("#kontakt_bottom").css("display", "none");
				
			break;
			case "kontakt_link":
			
				$("#kontakt_bottom").fadeIn();
				arrow = $("#konstrz");
				
				$("#spa_bottom").css("display", "none");
				$("#cennik_bottom").css("display", "none");
				$("#hotelu_bottom").css("display", "none");
				
			break;
		}
		
		arrow.fadeOut();
		return false;
	});
	
	function addHeaderHover(selectedHeader)
	{								
		selectedHeader.hover(function()
		{
			$(this).find('p').animate({color: '#F3BA00'});
		},
		function()
		{
			$(this).find('p').animate({color: '#7D7D7D'});
		});
	}
	
	addHeaderHover($('.topbox'));
	
	$(".fatbottom img").click(function(){
	
		arrow.fadeIn();
		$("html, body").animate({ scrollTop: $(document).height() }, 1000);
	
		switch($(this).attr("id")){
		
			case "spa_arrow":
		
				$("#spa_bottom").fadeIn();
				arrow = $("#spa_arrow");
			
				$("#cennik_bottom").css("display", "none");
				$("#hotelu_bottom").css("display", "none");
				$("#kontakt_bottom").css("display", "none");
				
			break;
			case "cennik_arrow":
							
				$("#cennik_bottom").fadeIn();
				arrow = $("#cennik_arrow"); 
				
				$("#spa_bottom").css("display", "none");
				$("#hotelu_bottom").css("display", "none");
				$("#kontakt_bottom").css("display", "none");
				
			break;
			case "hotelu_arrow":
			
				$("#hotelu_bottom").fadeIn();
				arrow = $("#hotelu_arrow");
				
				$("#spa_bottom").css("display", "none");
				$("#cennik_bottom").css("display", "none");
				$("#kontakt_bottom").css("display", "none");
				
			break;
			case "konstrz":
			
				$("#kontakt_bottom").fadeIn();
				arrow = $("#konstrz");
				
				$("#spa_bottom").css("display", "none");
				$("#cennik_bottom").css("display", "none");
				$("#hotelu_bottom").css("display", "none");
				
			break;
		}
		
		arrow.fadeOut();
		return false;
	});

	
});