// JavaScript Document

function $d(element){
	if(arguments.length>1){
		for(var i=0,elements=[],length=arguments.length;i<length;i++)
			elements.push($d(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=$d(nav);
		context=$d(context);
		
		nav.onmouseover=function(){
			clearTimeout(flag);
			//context.style.display="block";
			$(context).slideDown("fast"); 
			$(nav).css("background", "url(/images/dhbghover-1.jpg) repeat-x left top;");
					
			addClassName(nav,current);
		}
		nav.onmouseout=function(){
			flag=setTimeout(function(){
				removeClassName(nav,current);
				//context.style.display="none";
				$(context).slideUp("fast");
				$(nav).css("background", "url(/images/gang-11.jpg) no-repeat right 50%");
								
			},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).slideUp("fast");
				$(nav).css("background", "url(/images/gang-11.jpg) no-repeat right 50%");
				$(nav).css("border", "0px #4ab0e6 solid");
			},300);
		}
	}
}
new listMenu("main1","list1","current");
new listMenu("main2","list2","current");
new listMenu("main3","list3","current");