// javascript document
var bgheight;
var menucon=document.getelementbyid("menu").getelementsbytagname("a");
var menuson=document.getelementbyid("menu-sub").getelementsbytagname("div")[0].getelementsbytagname("div");
var smenucon=document.getelementbyid("menu-sub").getelementsbytagname("div");
var smenu=document.getelementbyid("menu-sub");
var switcher=0;

for(var i=0;i<menucon.length;i++){
	menucon[i].setattribute("tab",i);
	menuson[i].setattribute("tab",i);
	menucon[i].onmouseover=function(){
		clear();
		menucon[this.getattribute("tab")].classname="now";
		menuson[this.getattribute("tab")].classname="now";
		mover();
	}
	menuson[i].onmouseover=function(){
		clear();
		menucon[this.getattribute("tab")].classname="now";
		menuson[this.getattribute("tab")].classname="now";
	}
	menucon[i].onmouseout=function(){mout();}
}
for(var i=0;i<smenucon.length;i++){
	if(smenucon[i].classname=="sub-index"){
		smenucon[i].onmouseover=function(){movers();}
		smenucon[i].onmouseout=function(){mout();}
}
}

function clear(){
	for(var i=0;i<menucon.length;i++){
		menucon[i].classname="";
		menuson[i].classname="";
	}
}

function mover(){switcher=1;}
function movers(){switcher=1;}
function mout(){switcher=0;}
setinterval(function(){
	if(switcher==1){
		$("#menu-sub").stop().animate({height:bgheight},700,'easeoutexpo');
		$("#menu-sub-bg").stop().animate({height:bgheight},700,'easeoutexpo');
	}else{
		$("#menu-sub").stop().animate({height:"0px"},400,'easeoutexpo');
		$("#menu-sub-bg").stop().animate({height:"0px"},400,'easeoutexpo');
		clear();
	}
},100);