var DropdownMenu = new Class({
		
		initialize: function(element, options) {
			this.setOptions({
				mode: 'default',
				duration: 600,
				transition: Fx.Transitions.linear,
				wait: false
			}, options);

			var reset = {'width': 0, 'height': 0, 'opacity': 1, 'visibility': 'hidden'};

			switch(this.options.mode) {
				case 'width':
					reset = {'width': 0, 'opacity': 1, 'visibility': 'hidden'};
			  		break;    
				case 'height':
					reset = {'height': 0, 'opacity': 1, 'visibility': 'hidden'};
					break;
			}

			$$(element).each(function(li) {
				var ul = li.getElement('ul');
				if (ul) {
					var fx = new Fx.Styles(ul, this.options);
					var styles = ul.getStyles('width','height','opacity');
					ul.setStyles(reset);
					li.addEvents({
						mouseenter: function() {
							var parent = li.getParent();
							if (parent.getStyle('overflow') == 'hidden') parent.setStyle('overflow', 'visible');
							fx.element.setStyle('overflow', 'hidden');
							fx.start(styles);
						},
						mouseleave: function() {
							fx.stop();
							ul.setStyles(reset);	
						}
					});
				}     
			}.bind(this));
		}

	});
  DropdownMenu.implement(new Options);