ÿþ/*!

* SmoothMenu addon for jQuery UI

* https://github.com/madguy/jQuery.ui.smoothMenu



* Copyright 2011, madguy

* License MIT-style License.

* http://www.opensource.org/licenses/mit-license.php

*

* Depends:

*   jquery.ui.core.js

*   jquery.ui.widget.js

*

* Inspired by MenuMatic

* http://greengeckodesign.com/menumatic

* http://madguy.github.com/jQuery.ui.smoothMenu/

*/

(function ($, undefined) {

	var isNumber = function (value) {

		return typeof value === "number" && isFinite(value);

	};



	$.widget('ui.smoothMenu', {



		widgetEventPrefix: 'smoothMenu',



		_wrapToWidgetEvent: function (type) {

			return type + '.' + this.widgetEventPrefix;

		},



		options: {

			childTag: 'li',

			delay: 1000,

			direction: 'horizontal',

			dockId: 'ui_smooth_menu_container',

			duration: 200,

			easing: 'swing',

			icon: true,

			opacity: 0.95,

			parentTag: 'ul',

			zIndex: 1

		},



		_create: function () {

			var self = this;

			var options = self.options;

			var $elm = self.element;

			var $rootContainer = self._getOrCreateContainer();

			var $parent = $elm.children(options.parentTag + ':first');

			options.parentNode = $parent;



			var childOption = $.extend({}, options, {

				direction: 'vertical',

				zIndex: options.zIndex + 1

			});

			

			var $childNodes = $parent.children(options.childTag).smoothMenu(childOption).bind({

				smoothmenuonhide: function (event, $elm) {

					self.hide();

				}

			});

			options.childNodes = $childNodes;



			options.defaultCss = {

				marginLeft: $parent.css('marginLeft'),

				marginTop: $parent.css('marginTop'),

				opacity: $parent.css('opacity'),

				visibility: $parent.css('visibility')

			};



			$elm.addClass('ui-smoothMenu-item ui-widget ui-corner-all ui-state-default').bind(self._wrapToWidgetEvent('mouseenter'), function (event) {

				if (options.disabled === false) {

					$elm.addClass('ui-state-hover');

				}

				self._mouseEnter(event);

				$(this).smoothMenu('show');

			}).bind(self._wrapToWidgetEvent('mouseleave'), function (event) {

				$elm.removeClass('ui-state-hover');

				self._mouseLeave(event);

				setTimeout(function () {

					$elm.smoothMenu('hide');

				}, options.delay);

			});



			if ($parent.length > 0) {

				var $container = $('<div />').css({

					display: 'none',

					overflow: 'hidden',

					position: 'absolute',

					zIndex: options.zIndex

				}).bind(self._wrapToWidgetEvent('mouseenter'), function (event) {

					self._mouseEnter(event);

				}).bind(self._wrapToWidgetEvent('mouseleave'), function (event) {

					self._mouseLeave(event);

				}).append($parent).appendTo($rootContainer);

				options.container = $container;



				if (options.icon) {

					var iconClass = options.direction === 'horizontal' ? 'ui-icon-triangle-1-s' : 'ui-icon-triangle-1-e';

					var $icon = $('<span class="ui-icon" />').addClass(iconClass);

					$elm.append($icon);

				}

			} else {

				options.container = $();

			}



			$elm.smoothMenu('hide', 0);

		},



		destroy: function () {

			var self = this;

			var options = self.options;

			var $elm = self.element;



			if (options.disabled) {

				self.enable();

			}



			$elm.removeClass('ui-smoothMenu-item ui-widget ui-corner-all ui-state-default').unbind('.' + self.widgetEventPrefix);

			$elm.find('.ui-icon').remove();



			var $container = options.container;



			

			options.childNodes.smoothMenu('destroy');



			var $parent = $container.children(options.parentTag);

			$parent.stop(true, true).css(options.defaultCss);



			$elm.append($parent);

			$container.remove();

			self._removeContainerIfEmpty();

			return self;

		},



		enable: function () {

			var $childNodes = this.options.childNodes;

			$childNodes.smoothMenu('enable');

			$.Widget.prototype.enable.call(this);

		},



		disable: function () {

			var $childNodes = this.options.childNodes;

			$childNodes.smoothMenu('disable');

			this.hide();

			$.Widget.prototype.disable.call(this);

		},



		rootContainer: function () {

			return this._getOrCreateContainer();

		},



		content: function () {

			return this.options.parentNode;

		},



		show: function (duration) {

			var self = this;

			var options = this.options;

			var $elm = self.element;

			var $container = options.container;

			var $parent = $container.children(options.parentTag);

			duration = isNumber(duration) ? duration : options.duration;



			if (options.disabled) {

				return;

			}



			$elm.siblings().smoothMenu('hide', 100);



			if (options.visible) {

				return;

			}



			var isContinue = self._trigger('beforeShow', null, $elm);

			if (isContinue === false) {

				return;

			}



			var offset = $elm.offset();

			var extendWidth = options.direction !== 'horizontal' ? $elm.outerWidth(true) : 0;

			var extendHeight = (function () {

				if (options.direction === 'horizontal') {

					return $elm.outerHeight(true);

				} else {

					var containerHeight = $container.outerHeight(true) || 0;

					var documentHeight = $(document).height();

					return Math.min(documentHeight - (offset.top + containerHeight), 0);

				}

			})();

			

			$container.show();

			

			var height = $parent.outerHeight() || 0;

			var width = $parent.outerWidth() || 0;

			$container.css({

				left: String(offset.left + extendWidth) + 'px',

				height: String(height) + 'px',

				top: String(offset.top + extendHeight) + 'px',

				width: String(width) + 'px'

			});



			$parent.stop(true).animate({

				marginLeft: '0px',

				marginTop: '0px',

				opacity: options.opacity

			}, {

				duration: duration,

				easing: options.easing

			});



			options.visible = true;



			self._trigger('onShow', null, $elm);

		},



		hide: function (duration) {

			var self = this;

			var options = self.options;

			var $elm = self.element;

			var $container = options.container;

			var $parent = $container.children(options.parentTag);

			duration = isNumber(duration) ? duration : options.duration;



			if (options.disabled) {

				return;

			}



			if (options.visible === false) {

				return;

			}



			if (self.isMouseOver(true)) {

				return;

			}



			var isContinue = self._trigger('beforeHide', null, $elm);

			if (isContinue === false) {

				return;

			}



			var marginLeft = options.direction !== 'horizontal' ? -1 * $container.outerWidth() : 0;

			var marginTop = options.direction === 'horizontal' ? -1 * $container.outerHeight() : 0;



			$parent.stop(true).animate({

				marginLeft: String(marginLeft) + 'px',

				marginTop: String(marginTop) + 'px',

				opacity: 0

			}, {

				duration: duration,

				easing: options.easing,

				complete: function () {

					$container.hide();

				}

			});

			self._trigger('onHide', null, $elm);



			options.visible = false;



			

			options.childNodes.smoothMenu('hide');

		},



		isMouseOver: function (deepSearch) {

			var isMouseOver = this.options.isMouseOver;

			if (deepSearch) {

				var hasMouseOverChild = this._hasMouseOverChild();

				return isMouseOver || hasMouseOverChild;

			} else {

				return isMouseOver;

			}

		},



		_hasMouseOverChild: function () {

			var $childNodes = this.options.childNodes;

			var hasMouseOverChild = $childNodes.filter(function () {

				return $(this).smoothMenu('isMouseOver', true);

			}).length > 0;

			return hasMouseOverChild;

		},



		_mouseEnter: function (event) {

			this.options.isMouseOver = true;

		},



		_mouseLeave: function (event) {

			this.options.isMouseOver = false;

		},



		_getOrCreateContainer: function () {

			var id = this.options.dockId;

			var $container = $('#' + id);

			if ($container.length === 0) {

				$container = $('<div />', {

					id: id,

					'class': 'ui-widget ui-smoothMenu'

				}).appendTo(document.body);

			}

			return $container;

		},



		_removeContainerIfEmpty: function () {

			var $container = this._getOrCreateContainer();

			if ($container.is(':empty')) {

				$container.remove();

			}

		}



	});



	$.extend($.ui.smoothMenu, {

		version: '0.2.4'

	});



})(jQuery);