/* (C) 2008 YOOtheme.com, dropdownmenu.js */

var YOODropdownMenu = new Class({
	initialize: function (element, options) {
		this.setOptions({duration: 200, transition: Fx.Transitions.Expo.easeOut, wait: false}, options);
		$$(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({width: 0, height: 0, opacity: 0});
				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({width: 0, height: 0, opacity: 0});
					}
				});
			}
		});
	}
});

YOODropdownMenu.implement(new Options);