/*
* SooperFish 0.1
* (c) 2010 Jurriaan Roelofs - SooperThemes.com
* Inspired by Suckerfish, Superfish and Droppy
* Licensed GPL: http://www.gnu.org/licenses/gpl.html
*/
$.fn.sooperfish = function(op) {

	var sf = $.fn.sooperfish;
	sf.o = [];
	sf.op = {};
	sf.c = {
		menuClass: 'sf-js-enabled',
		isParent: 'sf-parent',
		arrowClass: 'sf-arrow'
	};
	if ($.easing.easeOutOvershoot) { //set default easing
		sooperEasingShow = 'easeOutOvershoot';
	} else {
		sooperEasingShow = 'linear';
	};
	if ($.easing.easeInTurbo) {
		sooperEasingHide = 'easeInTurbo';
	} else {
		sooperEasingHide = 'linear';
	};
	sf.defaults = {
		multiColumn: true,
		dualColumn: 6, //if a submenu has at least this many items it will be divided in 2 columns
		tripleColumn: 12, //if a submenu has at least this many items it will be divided in 3 columns
		hoverClass: 'sfHover',
		delay: 500, //make sure menus only disappear when intended, 500ms is advised by Jacob Nielsen
		animationShow: { height: 'show' },
		speedShow: 600,
		easingShow: sooperEasingShow,
		animationHide: { height: 'hide', opacity: 'hide' },
		speedHide: 200,
		easingHide: sooperEasingHide,
		autoArrows: true, //Adds span elements to parent li elements, projecting arrow images on these items to indicate submenus. I added an alternative image file with white arrows.
		onShow: function() { }, //callback after showing menu
		onHide: function() { } //callback after hiding menu
	};


	//Merge default settings with o function parameter
	var o = $.extend({}, sf.defaults, op);
	if (!o.sooperfishWidth) {
		o.sooperfishWidth = $('ul:first li:first', this).width(); //if no width is set in options try to read it from DOM
	} else {
		$('ul li', this).width(o.sooperfishWidth) //if width is set in invocation make sure this width is true for all submenus
	}

	this.each(function() {

		//Check dom for submenus
		var parentLi = $('li:has(ul)', this);
		parentLi.each(function() {
			if (o.autoArrows) { //Add autoArrows if requested
				$('>a', this).append('<span class="' + sf.c.arrowClass + '"></span>');
			}
			$(this).addClass(sf.c.isParent);
		});

		$('ul', this).css({ left: 'auto', display: 'none' }); //The script needs to use display:none to make the hiding animation possible

		//Divide menu in columns
		//Set width override
		if (o.multiColumn) {
			var uls = $('ul', this);
			uls.each(function() {
				var ulsize = $('>li:not(.backLava)', this).length; //Skip list items added by Lavalamp plugin
				if (ulsize >= o.dualColumn) {
					if (ulsize >= o.tripleColumn) {
						$(this).width(3 * o.sooperfishWidth);
					} else {
						$(this).width(2 * o.sooperfishWidth);
					}
				}
			});
		}

		var root = this, zIndex = 1000;

		function getSubmenu(ele) {
			if (ele.nodeName.toLowerCase() == 'li') {
				var submenu = $('> ul', ele);
				return submenu.length ? submenu[0] : null;
			} else {
				return ele;
			}
		}

		function getActuator(ele) {
			if (ele.nodeName.toLowerCase() == 'ul') {
				return $(ele).parents('li')[0];
			} else {
				return ele;
			}
		}

		function hideSooperfishUl() {
			var submenu = getSubmenu(this);
			if (!submenu) return;
			$.data(submenu, 'cancelHide', false);
			setTimeout(function() {
				if (!$.data(submenu, 'cancelHide')) {
					$(submenu).animate(o.animationHide, o.speedHide, o.easingHide, function() { o.onHide.call(submenu); $(submenu).closest("li").removeClass('hover'); });
				}
			}, o.delay);
		}

		function showSooperfishUl() {
			var submenu = getSubmenu(this);
			if (!submenu) return;
			$.data(submenu, 'cancelHide', true);
			$(submenu).css({ zIndex: zIndex++ }).animate(o.animationShow, o.speedShow, o.easingShow, function() { o.onShow.call(submenu); });
			if (this.nodeName.toLowerCase() == 'ul') {
				var li = getActuator(this);
				$('> a', li).addClass('hover');
			}
			$(this).addClass('hover');
		}

		// Bind Events. Yes it's that simple!
		$('li', this).unbind().hoverIntent(showSooperfishUl, hideSooperfishUl);

	});

};