var UvumiDropdown=new Class({
	Implements: Options,
	options: {duration:250,transition:Fx.Transitions.linear},
	initialize: function(a, b){
		this.menu=a;
		this.setOptions(b);
		window.addEvent('domready',this.domReady.bind(this))
	},
	domReady:function(){
		this.menu=$(this.menu);
		if(!$defined(this.menu)){
			return false
		}
		if(this.menu.get('tag')!='ul'){
			this.menu=this.menu.getFirst('ul');
			if(!$defined(this.menu)){return false}
		}
		this.menu.setStyles({
			overflow:'hidden',
			height:0,
			marginLeft:(Browser.Engine.trident?1:-1)
		});
		this.createSubmenu(this.menu);
		this.menu.getChildren('li').setStyles({
			'float':'left',
			display:'block',
			top:0
		});
		var a=new Element('li',{html:" ",styles:{clear:'both',display:(Browser.Engine.trident?'inline':'block'),position:'relative',top:0,height:0,width:0,fontSize:0,lineHeight:0,margin:0,padding:0}}
		).inject(this.menu);
		this.menu.setStyles({height:'auto',overflow:'visible'})},
	
	createSubmenu:function(c, f){
		var d = c.getChildren('li');
		var e = 0;
		d.each(function(a) {
			a.setStyles({position:'relative',display:'block',top:-e,zIndex:1});
			if (f) {
				a.addEvents({mouseenter: this.lionover.bind(this, a), mouseleave: this.lionout.bind(this, a)});
			}
			e+=a.getSize().y;
			var b = a.getFirst('ul');
			if ($defined(b)) {
				b.setStyle('display', 'none');
				if (c == this.menu) {
					var x=0;var y=a.getSize().y;
					this.options.link='cancel';
					a.store('animation', new Fx.Elements($$(b,b.getChildren('li')).setStyle('opacity',0), this.options));
				} else {
					var x=a.getSize().x-a.getStyle('border-left-width').toInt();
					var y=-a.getStyle('border-bottom-width').toInt();
					this.options.link='chain';
					a.store('animation',new Fx.Elements($$(b,b.getChildren('li')).setStyle('opacity',0),this.options));
					e=a.getSize().y+a.getPosition(this.menu).y
				}
				b.setStyles({position:'absolute',display:'block',top:y,left:x,marginLeft:-x,opacity:0});
				this.createSubmenu(b, true);
				a.addEvents({mouseenter:this.showChildList.bind(this,a),mouseleave:this.hideChildList.bind(this,a)}).addClass('submenu')
			}
		}, this)
	},
	showChildList:function(b){
		var c = b.getFirst('ul');
		var d = $$(c.getChildren('li'));
		var e = b.retrieve('animation');
		if (b.getParent('ul') != this.menu) {
			e.cancel();
			e.start({0:{opacity:1,marginLeft:0},1:{opacity:1}});
			var f={};
		} else {
			var f={0:{opacity:1}};
		}
		d.each(function(a, i){
			f[i+1]={top:0,opacity:1};
		},this);
		b.setStyle('z-index',99);
		e.start(f)
	},
	lionover:function(b) {
		b.addClass("mouseover");
		b.removeClass("mouseout");
	},
	lionout:function(b) {
		b.addClass("mouseout");
		b.removeClass("mouseover");
	},
	hideChildList:function(b){
		var c=b.retrieve('animation');
		var d=b.getFirst('ul');
		var e=$$(d.getChildren('li'));
		var f=0;
		var g={};
		e.each(function(a,i){g[i+1]={top:-f,opacity:0};f+=a.getSize().y});
		b.setStyle('z-index',1);
		if(b.getParent('ul')!=this.menu){
			g[1]=null;
			c.cancel();
			c.start(g);
			c.start({0:{opacity:0,marginLeft:-d.getSize().x},1:{opacity:0}})
		}else{
			g[0]={opacity:0};
			c.start(g)
		}
	}
});