var status = "";

var SubMenu = Class.create({
		
	initialize: function(element) {
		this.element  =  element;
		this.timeout = null;
		
		parentlink = $$("#"+element.parentNode.id+" a")[0]
		
		this.MenuClick  = this.click.bindAsEventListener(this);
    	Event.observe(parentlink, "click", this.MenuClick, false);
		
		this.MenuOver  = this.over.bindAsEventListener(this);
    	Event.observe(element.parentNode, "mouseover", this.MenuOver);
		
		this.MenuOut  = this.out.bindAsEventListener(this);
    	Event.observe(element.parentNode, "mouseout", this.MenuOut);
	},
	
	over: function(){
		status = "over";
		if(this.timeout){
			clearTimeout(this.timeout);
		}
			//this.element.appear({ duration: 0.8 });
			this.element.addClassName("show")
			this.element.parentNode.addClassName("over")
		
	},

	out: function(){
		status = "out";
		element = this.element
		this.timeout = setTimeout( function(){
				
					if(status == "out"){
						//Effect.DropOut(this.element);
						element.removeClassName("show")
						element.parentNode.removeClassName("over")
						
					 }
					},800)
	},
	
	click: function(event){
		
		Event.stop(event)
			
		
	}
})



Event.observe(window, 'load', function(){
	$$(".menuitem .submenu").each(function(item,index){
		
		new SubMenu(item)
		
	})
});