var timeout 	  = 200;
var parentElement = 'li';
var	parentClass   = 'menuParent';
var	childElement  = 'ul';
var	childClass    = 'menuChild';

var e4Menu = Class.create();

e4Menu.prototype = {
	
	initialize : function(id) {
		$(id).select(parentElement + '.'+ parentClass).each(
			function(element){
				Event.observe(element, 'mouseover', function(){
					showSubmenu(element);
				});
				Event.observe(element, 'mouseout', function(){
					hideSubmenu(element);
				});
			});
	}
	

};

	
showSubmenu = function(element)
{
	 var subElement = $(element).select(childElement + '.' + childClass);
	 elem = subElement.first();
	 console.log(elem);
	 if (!elem.visible())
	 	elem.show();
}

hideSubmenu = function(element)
{
	 var subElement = $(element).select(childElement + '.' + childClass);
	 elem = subElement.first();
	
	 elem.hide();
	 
	// setTimeout(function() { elem.hide()},2000);
}


/*
	function initE4menu(event) { menu = new e4Menu(event); }
	Event.observe(window, 'load', function() {
		Event.observe('main', 'mousemove', initE4menu.bindAsEventListener(this));
	});
*/