var DropDownMenu = Class.create();

DropDownMenu.prototype = {

 initialize: function(menuElement) {
	menuElement.childElements().each(function(node){
		// if there is a submenu
		var submenu = $A(node.getElementsByTagName("div")).first();
		if(submenu != null){
			// make sub-menu invisible
	//		Element.extend(submenu).setStyle({display: 'none'});
			// toggle the visibility of the submenu
			node.onmouseover  = function(){
				//Element.toggle(submenu);
				Element.extend(submenu).setStyle({display: 'block'});
			}
			
			node.onmouseout = function(){
				//Element.toggle(submenu);
				Element.extend(submenu).setStyle({display: 'none'});
			}
			
		}
	});
}

};