function cityClickSlide() {
		$("#city").animate({ 
        	marginTop: "-=680px"
 		}, 1000 );
		
		$("#shadow").animate({
			opacity: 0					  
		}, 1000 );
		 
		setTimeout(function() {
			$('#city').animate({
				marginTop: "+=680px"				   
			}, 1000);
			$("#shadow").animate({
	        	opacity: .8					  
			 }, 1000 );
        }, 2000);  	
}

function showLink() {
	$(".site-link").css("display", "none").animate({ opacity: .55 }, 1000);
		
	$("#internet h2").mouseover(function() { $(".site-link").show(); });
	$("#internet h2").mouseout(function() { $(".site-link").hide() });
}
// Default #shadow opacity value 
$("#shadow").animate({
	opacity: 0					  
}, 1000 );

$(document).ready(function() {    
						   
showLink();

// First #city slide down						   
 setTimeout(function() {		
	 $("#city").animate({ 
			marginTop: "+=680px"
	 }, 1000 );	
	 $("#shadow").animate({
	        opacity: .8					  
	 }, 1000 );
 }, 1000);  	
 
// Home page mouseover event 
 $("#home-page li").mouseover(function(e) {
				$(this).animate({
				  opacity: .7				
				}, 500);
				$(this).css("cursor", "pointer"); 		
 });
// Home page mouseout event 
  $("#home-page li").mouseout(function(e) {
				$(this).animate({
				  opacity: 1				
				}, 500);
 });

// Home page click event
 $("#home-page li").click(function(e) {
			cityClickSlide();					   
								   
			if(e.target.title=="internet") {						   
 				$('.test').text(e.target.title);	
				setTimeout(function() {
                	 $("div#internet").css("top", "20px");  
				  	 $("div#druk").css("display", "none");  
					 $("div#o-mnie").css("display", "none");
					 $("div#home-page").css("display", "none");
				 }, 1000); 
			} else if (e.target.title=="druk") {
				$('.test').text(e.target.title);	
				setTimeout(function() {
                 	 $("div#druk").fadeIn(); 
					 $("div#internet").css("top", "-10000px");  
					 $("div#o-mnie").css("display", "none");  
					 $("div#home-page").css("display", "none"); 
				 }, 1000);
			} else if (e.target.title=="o-mnie") {
			    $('.test').text(e.target.title);	
				setTimeout(function() {
                 	 $("div#o-mnie").fadeIn();  
					 $("div#druk").css("display", "none");  
					 $("div#internet").css("top", "-10000px");  
					 $("div#home-page").css("display", "none");
             	 }, 1000);
			}			   
 });

// Navigation #nav mouseover event
  $("#nav li").mouseover(function(e) {
				$(this).animate({
				  opacity: .5				
				}, 200);
				$(this).css("cursor", "pointer"); 		
 });
// Navigation #nav mouseout event 
  $("#nav li").mouseout(function(e) {
				$(this).animate({
				  opacity: 1				
				}, 200);
 });
// Navigation #nav click event 
 $("#nav li").click(function(e){  
		cityClickSlide();				

         switch(e.target.id){  
		 	 case "menu-home":
			 	 $("#menu-internet").removeClass("active");  
                 $("#menu-druk").removeClass("active");  
                 $("#menu-o-mnie").removeClass("active");  
                 //display selected division, hide others 
				 setTimeout(function() {
					 $("div#home-page").fadeIn();
				 	 $("div#internet").css("top", "-10000px");   
					 $("div#druk").css("display", "none");  
					 $("div#o-mnie").css("display", "none");
				 }, 1000);  
				 break;
             case "menu-internet":  
                 //change status & style menu  
                 $("#menu-internet").addClass("active");  
                 $("#menu-druk").removeClass("active");  
                 $("#menu-o-mnie").removeClass("active");  
                 //display selected division, hide others  
				 setTimeout(function() {
                	 $("div#internet").css("top", "20px");  
				  	 $("div#druk").css("display", "none");  
					 $("div#o-mnie").css("display", "none");
					 $("div#home-page").css("display", "none");
				 }, 1000); 
             break;  
             case "menu-druk":  
                 //change status & style menu  
                 $("#menu-internet").removeClass("active");  
                 $("#menu-druk").addClass("active");  
                 $("#menu-o-mnie").removeClass("active");  
                 //display selected division, hide others  
				 setTimeout(function() {
                 	 $("div#druk").fadeIn(); 
					 $("div#internet").css("top", "-10000px");  
					 $("div#o-mnie").css("display", "none");  
					 $("div#home-page").css("display", "none"); 
				 }, 1000);
				 break;  
             case "menu-o-mnie":  
                 //change status & style menu  
                 $("#menu-internet").removeClass("active");  
                 $("#menu-druk").removeClass("active");  
                 $("#menu-o-mnie").addClass("active");  
                 //display selected division, hide others  
				 setTimeout(function() {
                 	 $("div#o-mnie").fadeIn();  
					 $("div#druk").css("display", "none");  
					 $("div#internet").css("top", "-10000px");  
					 $("div#home-page").css("display", "none");
             	 }, 1000);
			 break;  
         }  
         return false;  
     });  
 
});