$(document).ready(function(){
						   
	var allNav = ["gnv","rnv","app"];
	
	for(var i=0;i<allNav.length;i++){					   
	$("#"+allNav[i]+" dd").css("display","none");
	}
		
	$("#rnv dt").mouseover(showNavi);	
	$("#rnv dt").mouseout(hideNavi);
	$("#rnv dd").mouseout(hideNavi);
	$("#rnv dt").mousemove(canselHide);
	$("#rnv dd").mousemove(canselHide);	

	$("#gnv dt").mouseover(showNaviG);
	//$("#gnv dd").mousemove(canselHide);
	//$("#gnv li").mousemove(canselHide);
	
	$("#app dt").mouseover(showNaviA);
	//$("#app dd").mousemove(canselHide);
	//$("#app li").mousemove(canselHide);

	
	$("#left").hover(dmy,hideNavi);
	
});

//var delateTarget;
var hideNaviTimer;

function showNavi(event){
			var targetClass=$(event.target).parent().parent().attr("class");
            $(event.target).parent().parent().parent().children("dd:not(."+targetClass+")").css("display","none");
            $(event.target).parent().parent().parent().children("."+targetClass).css("display","block");
}


function dmy(event){}

function hideNavi(event){
	hideNaviTimer=setTimeout('hideNaviCore()', 300);
}

function hideNaviCore(){
	$("#rnv dd").css("display","none");
	//$("#gnv dd").css("display","none");
	//$("#app dd").css("display","none");
	clearTimeout(hideNaviTimer);
}

function canselHide(){
	clearTimeout(hideNaviTimer);
}

function showNaviG(event){
			var targets = $("#gnv dt img");
			var targetsdd = $("#gnv dd");
			for(var i=0;i<targets.length;i++){
				if($(targets[i]).attr("src")!=$(event.target).attr("src")){
					$(targetsdd[i]).slideUp("fast");
				}else{
					$(targetsdd[i]).slideDown("fast");
				}
			}
			$("#app dd").slideUp("fast");
			
}

function showNaviA(event){
			$("#gnv dd").slideUp("fast");
			$("#app dd").slideDown("fast");

			
}