// JavaScript Document
$(function() {
		   var pos = $('#tlo').css("top");
		   $('.home').css("color", "#0F3");
		   
		   $('#menu').hover(
							  function() {
								  $(this).animate({opacity: 0.8}, "slow");
							  },
							  function() {
								  $(this).animate({opacity: 0.3}, "slow");
							  }
							  
		   );
		   
		   $('.home').click(function() {
									 //alert(pos);
									 if(pos != -350)
									 	$('#tlo').animate({top: "-350px"}, "slow", pokaz("#about", "#kontakt", "#design"));
										$(this).css("color", "#0F3");
										$('.design').css("color", "white");
										$('.kontakt').css("color", "white");
									 });
		   
		   $('.design').click(function() {
									   if(pos != 0) {
											$('#tlo').animate({top: "0px"}, "slow", pokaz("#design", "#kontakt", "#about"));
										   	$(this).css("color", "#0F3");
											$('.home').css("color", "white");
											$('.kontakt').css("color", "white");
									   }
									   });
		   
		   $('.kontakt').click(function() {
										if(pos != -780) {
											$('#tlo').animate({top: "-780px"}, "slow", pokaz("#kontakt", "#about", "#design"));
											$(this).css("color", "#0F3");
											$('.design').css("color", "white");
											$('.home').css("color", "white");
											//$('#kontakt').fadeIn(2000, ukryj("#about", "#design", "#kontakt"));
											//$('#kontakt').animate({display: "block", bottom: "50px"}, "slow", ukryj("#about", "#design"));
										}
										});
		   });

function ukryj(jeden, dwa, anim) {
	$(jeden).fadeOut("slow");
	$(dwa).fadeOut("slow");
	$(anim).animate({bottom: "30px"}, "slow");
	//alert("pokazano"+jeden+dwa);
}
function pokaz(kontener, hide1, hide2) {
	$(kontener).fadeIn(2000);
	$(hide1).fadeOut("def");
	$(hide2).fadeOut("def");
}