DropDownManager = Ext.extend(Object, {
    constructor: function(config){
    	DropDownManager.superclass.constructor.apply(this, arguments);
    	this.task;
    	this.init();
    },
    init:function()
    {	
		this.task = new Ext.util.DelayedTask(this);
		Ext.get('menuList').on('mouseover',this.showMenu,this,{delegate:'li'});
		Ext.get('menuList').on('mouseout',this.hideMenu,this,{delegate:'li'});
		
		Ext.get('about').on('mouseover',this.showSubMenu,this);
		Ext.get('about').on('mouseout',this.hideSubMenu,this);
		
		Ext.get('conference').on('mouseover',this.showSubMenu,this);
		Ext.get('conference').on('mouseout',this.hideSubMenu,this);
		
		Ext.get('media').on('mouseover',this.showSubMenu,this);
		Ext.get('media').on('mouseout',this.hideSubMenu,this);
		
		Ext.get('sponpar').on('mouseover',this.showSubMenu,this);
		Ext.get('sponpar').on('mouseout',this.hideSubMenu,this);
		
		Ext.get('register').on('mouseover',this.showSubMenu,this);
		Ext.get('register').on('mouseout',this.hideSubMenu,this);	
    },
    showMenu:function(event,target,o)
	{
		var el = new Ext.Element(target);
		var menu = el.child('div');
		var li_a = el.child('a');
		if(menu)
		{
			//menu.setLeft(li_a.getLeft());
			menu.setVisible(true);
		}
	},
	hideMenu:function(event,target,o)
	{
		var el = new Ext.Element(target);
		var menu = el.child('div');
		if(menu)
		{
			this.task.delay(0,function(){ menu.setVisible(false);},this);
		}
	},
	showSubMenu:function(event,target,o)
	{
		if(this.task){
			this.task.cancel();
		}
	},
	hideSubMenu:function(event,target,o)
	{
		var el = new Ext.Element(target);
		
		this.task.delay(0,function(){ 
			el.findParentNode('div',5,true).setVisible(false);
		},this);
	}
});