// JavaScript Document
$(document).ready(function(){
	var hienthi = function(id){
		if(id=="menu1"){
			$("#menu ul li#"+id).parent().parent().css("background","url(images/menu.gif) no-repeat 0px 0px");
			$("#menu ul li#"+id).css("width","113px");
			$("#menu ul li#"+id).parent().find("li#menu2").css("width","69px");
			$("#menu ul li#"+id).parent().find("li#menu3").css("width","61px");
			$("#menu ul li#"+id).parent().find("li#menu4").css("width","60px");
			
			$('.page').eq(1).css({'background-color':'#00a870'});
		}	
		else{
			if(id=="menu2"){
				$("#menu ul li#"+id).parent().parent().css("background","url(images/menu.gif) no-repeat 0px -254px");
				$("#menu ul li#"+id).css("width","105px");
				$("#menu ul li#"+id).parent().find("li#menu1").css("width","69px");
				$("#menu ul li#"+id).parent().find("li#menu3").css("width","69px");
				$("#menu ul li#"+id).parent().find("li#menu4").css("width","60px");
				
				$('.page').eq(1).css({'background-color':'#cc002d'});
			}	
			else{
				if(id=="menu3"){
					$("#menu ul li#"+id).parent().parent().css("background","url(images/menu.gif) no-repeat 0px -508px");
					$("#menu ul li#"+id).css("width","103px");
					$("#menu ul li#"+id).parent().find("li#menu1").css("width","69px");
					$("#menu ul li#"+id).parent().find("li#menu2").css("width","62px");
					$("#menu ul li#"+id).parent().find("li#menu4").css("width","69px");
					
					$('.page').eq(1).css({'background-color':'#fff200'});
				}
				else{
					if(id=="menu4"){
						$("#menu ul li#"+id).parent().parent().css("background","url(images/menu.gif) no-repeat 0px -762px");
						$("#menu ul li#"+id).css("width","109px");
						$("#menu ul li#"+id).parent().find("li#menu1").css("width","69px");
						$("#menu ul li#"+id).parent().find("li#menu2").css("width","62px");
						$("#menu ul li#"+id).parent().find("li#menu3").css("width","63px");
						
						$('.page').eq(1).css({'background-color':'#324996'});
					}
				}
			}
		}
	}
	var a = $("#menu ul li").find("a.active").parent().attr("id");
	hienthi(a);
	$("#menu ul li a").hover(function(){
		var b = $(this).parent().attr("id");
		hienthi(b);
	},function(){
		hienthi(a);
	})
})