/*
* 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: '0', display: 'none' }).find('ul').css({ left: '300px' }); //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');

            //Change menu positioning if sub menu will be wider than browser edge
            var viewportWidth = window.innerWidth ? window.innerWidth : $(window).width();
            var offset = $(submenu).offset().left + $(submenu).outerWidth(true) + 10;
            if (offset > viewportWidth) {
                $("ul", this).css({
                    left: -$(this).width()
                });
            }
        }

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

    });

};