var DDM = new Object();
DDM.timeout = 500;
DDM.current = null;
DDM.timer = null;
DDM.mouseIsOver = false;
DDM.allDDM = document.getElementsByClassName('dropDownMenu');

DDM.hideAll = function(){
	for(i=0; i<this.allDDM.length; i++){	
		Element.hide(this.allDDM[i]);
	}
}

DDM.show = function(id, x){
	DDM.hideCurrent();

	clearTimeout(DDM.timer);
	newX = x + "px";
	
	Element.show(id);
	Element.setStyle(id, {left: newX});
	
	DDM.current = id;
	
	Event.observe(id, 'mouseover', DDM.addBind);
	Event.observe(id, 'mouseout', DDM.removeBind);
}

DDM.addBind = function(){
	clearTimeout(DDM.timer);
	DDM.mouseIsOver = true;
	//Element.setStyle(DDM.current, {background:'#000000'});
}
DDM.removeBind = function(){
	DDM.mouseIsOver = false;
	DDM.hide();
	//Element.setStyle(DDM.current, {background:'#CC0000'});
}

DDM.hide = function(){
	DDM.timer = setTimeout('DDM.hideIt()',DDM.timeout);
}
DDM.hideCurrent = function(){
	if(DDM.current !== null){
		Element.hide(DDM.current);
	}
}
DDM.hideIt = function(){
	if(DDM.mouseIsOver == false){
		Element.hide(DDM.current);
	}
}

DDM.hideAll();