function $nav(element){
	if(arguments.length>1){
		for(var i=0,elements=[],length=arguments.length;i<length;i++)
			elements.push($nav(arguments[i]));
		return elements;
	}
	if(typeof element=="string")
		return document.getElementById(element);
	else
		return element;
}

var Class={
	create:function(){
		return function(){
			this.initialize.apply(this,arguments);
		}	
	}
}

function addClassName(obj,className){
	obj.className+=" "+className;
}
function removeClassName(obj,className){
	var reg=new RegExp(" "+className,"g");
	obj.className=obj.className.replace(reg,"");
}
var listMenu=Class.create();
listMenu.prototype={
	initialize:function(nav,context,current){
		var flag=null;
		nav=$nav(nav);
		context=$nav(context);
		
		nav.onmouseover=function(){
			clearTimeout(flag);
			context.style.display="block";
			//$(context).slideDown("fast"); 
			addClassName(nav,current);
		}
		nav.onmouseout=function(){
			flag=setTimeout(function(){
				removeClassName(nav,current);
				context.style.display="none";
				//$(context).slideDown("fast"); 
			},300);
		}
		context.onmouseover=function(){
			clearTimeout(flag);
			addClassName(nav,current);
			context.style.display="block";
       // $(context).slideDown("fast"); 
}
		context.onmouseout=function(){
			flag=setTimeout(function(){
				removeClassName(nav,current);
				context.style.display="none";
				//$(context).slideDown("fast"); 
			},300);
		}
	}
}
new listMenu("nav1","sub1","current");
//new listMenu("nav2","sub2","current");
//new listMenu("nav6","sub6","current");
//new listMenu("nav5","sub5","current");
new listMenu("nav3","sub3","current");
//new listMenu("nav4","sub4","current");