$(function(){
	
	var cPage =0;
	var time = 1000;
	var delaytime = time + 10;
	var currentPageId = "logo";
	
	
	var navi = $("#navi");
	
	$("li#navilogo").click(onClickLogo);
	$("li#naviabout").click(onClickAbout);
	$("li#navimenu").click(onClickMenu);
	$("li#navinews").click(onClickNews);
	$("li#naviaccess").click(onClickAccess);
	
	//setNaviPos
	function setNaviPosDef(){
		navi.animate({top:"226px"},time);
	}

	function setNaviPosTop(){
		navi.animate({top:"156px"},time);
	}
	
	//load action
	$(function(){
		$("#"+currentPageId).fadeIn();
		$("li#navilogo").animate({opacity:0},0);
	});
	
	
	function onClickLogo(){
		if(cPage != 0){
		cPage = 0;
		$("#"+currentPageId).fadeOut(time);
		currentPageId = $(this).find("a").attr("href").slice(1);
		$("#"+currentPageId).delay(delaytime).fadeIn(time);
		$("li:not(#logo)").animate({opacity:1},time);
		$("li#navilogo").animate({opacity:0},time,setNaviPosTop);
		}
		return false;
	}
	
	function onClickAbout(){
		if(cPage != 1){
		cPage = 1;
		$("#"+currentPageId).fadeOut(time);
		setNaviPosDef();
		currentPageId = $(this).find("a").attr("href").slice(1);
		$("#"+currentPageId).delay(delaytime).fadeIn(time);
		$("li").animate({opacity:1},time);
		$(this).animate({opacity:0.3},time);
		}
		return false;
	}
	
	
	function onClickMenu(){
		if(cPage != 2){
		cPage = 2;
		$("#"+currentPageId).fadeOut(time);
		setNaviPosDef();
		currentPageId = $(this).find("a").attr("href").slice(1);
		$("#"+currentPageId).delay(delaytime).fadeIn(time);
		$("li").animate({opacity:1},time);
		$("li#menu").animate({opacity:0.3},time);
		}
		return false;
	}
	
	
	function onClickNews(){
		if(cPage != 3){
		cPage = 3;
		$("#"+currentPageId).fadeOut(time);
		setNaviPosDef();
		currentPageId = $(this).find("a").attr("href").slice(1);
		$("#"+currentPageId).delay(delaytime).fadeIn(time);
		$("li").animate({opacity:1},time);
		$(this).animate({opacity:0.3},time);
		}
		return false;
	}
	
	
	function onClickAccess(){
		if(cPage != 4){
		cPage = 4;
		$("#"+currentPageId).fadeOut(time);
		setNaviPosDef();
		currentPageId = $(this).find("a").attr("href").slice(1);
		$("#"+currentPageId).delay(delaytime).fadeIn(time);
		$("li").animate({opacity:1},time);
		$(this).animate({opacity:0.3},time);
		}
		return false;
	}

	
});