// JavaScript Document
$(function(){	
    var speed=500;
	var currentBlock;
	moveBlock = function(currentBlock){
		currentBlockTop=$(currentBlock).css("top");
		currentBlockLeft=$(currentBlock).css("left");
		pageTop = -parseFloat(currentBlockTop);
		pageLeft = -parseFloat(currentBlockLeft);
		$("#content").stop().animate({top:pageTop,left:pageLeft},{duration:speed});
	}
	$("#global_nav_list li,#block01 div").click(function(){																 												 
	    var currentLink=$(this).attr("class");	
		var currentLinkNum=currentLink.substring(currentLink.length-2);//get the current Link number
		var currentBlock="#block"+currentLinkNum;//get the current Block
		var currentLinkText=$($(this).find("a")).html();
		
		//enable the current Link
		updateNavigation=function(){
			$("#global_nav h1").html(currentLinkText);
		    $("#global_nav_list li").css("display","block");
		    var currentGlobalLink=$("#global_nav_list li").filter("."+currentLink);
		    $(currentGlobalLink).css("display","none");
		   }
		moveBlock(currentBlock);
		if(currentLinkNum==01){
	    	$("#global_nav").stop().animate({top:"0px"},{duration:speed});//if click the home link,hide the navigation
		}
		else{
			$("#global_nav").animate({top:"0px"},speed,updateNavigation);
		    $("#global_nav").animate({top:"-16px"},speed);//slide out the navigation,set the current Title	
		}
		
		$("#gallery").css("marginLeft","0");
	});
});