/* -----------------Dropdown Menu---------- */

var DropdownMenu = new Class({	
	initialize: function(element){
		$each($(element).childNodes, function(el){
			if(el.nodeName.toLowerCase() == 'li'){
				$each($(el).childNodes, function(el2){
					if(el2.nodeName.toLowerCase() == 'ul'){
						$(el2).style.display = 'none';
						el.addEvent('mouseenter', function(){
							this.showDrop($(el),el2);
						}.bindWithEvent(this));
						el.addEvent('mouseleave', function(){
							this.hideDrop($(el),el2);
						}.bindWithEvent(this));
						new DropdownMenu(el2);
					}
				}.bind(this));
			}
		}.bind(this));
	},
	showDrop: function(el,el2){
		function showit(){
			var newULWidth = $(el2).getStyle('width').toInt();
			if(newULWidth < 90){
				newULWidth = 200;
			}
			$(el2).setStyles({'overflow': 'hidden', 'width': 0, 'opacity': 1});
			var ulToMove = new Fx.Morph($(el2), {duration: 320, transition: Fx.Transitions.Quint, link:'cancel'});
			ulToMove.start({
			    'width': newULWidth
			});
			ulToMove.addEvent('complete', function() {
			       $(el2).setStyle('overflow', 'visible');
		    });
			/*if($('qtmovie')){
				var MoveQuick = new Fx.Morph($('qtmovie'), {duration: 220, transition: Fx.Transitions.Quint, link:'cancel'});
				MoveQuick.start({
				    'visibility': 'hidden'
				});
			}*/
		}
		showit.delay(300);
		$(el2).setStyles({'opacity': 0, 'display': 'block'});
		el.getElement('a').addClass('hover');
		var myA = el2.getElements('a').getStyle('width');
		var myAs = el2.getElements('a');
		var newwidth = 0;
		$each(myA, function(el){
			if(el.toInt() > newwidth){
				newwidth = el.toInt();
			}
		});
		if(Browser.Engine.name == 'trident'){
			if(Browser.Engine.version == '4' || Browser.Engine.version == '5'){
				myAs.setStyle('width', newwidth);
			}
			if(Browser.Engine.version == '4'){
				parentMenuMargin = el.getFirst('a').getStyle('width').toInt();
				$(el2).setStyles({'margin-left': parentMenuMargin});
			}
			
		}
	},
	hideDrop: function(el,el2){
			var ulToMove1 = new Fx.Morph($(el2), {duration: 220, transition: Fx.Transitions.Cubic, link:'chain'});
			ulToMove1.start({
			    'opacity': 0
			});
			ulToMove1.addEvent('complete', function() {
			       $(el2).setStyles({'overflow': 'hidden', 'display': 'none'});
		    });
			el.getElement('a').removeClass('hover');
			
			/*if($('qtmovie')){
				var MoveQuick = new Fx.Morph($('qtmovie'), {duration: 220, transition: Fx.Transitions.Quint, link:'cancel'});
				MoveQuick.start({
				    'visibility': 'visible'
				});
			}*/
	}
	
});

window.addEvent('domready', function(){
	var myDropMenu = new DropdownMenu($('left').getElement('.menu'));
});