/*
*   Use:
*   markup example for $("#menu").dropDownMenu();	
* 	<ul id="menu">
*       <li><a href="#"></a>
*		    <ul>  
*			    <li><a http="#">menu item</a></li>
*			    <li><a http="#">menu item</a></li>
*			    <li><a http="#">menu item</a></li>
*			    <li><a http="#">menu item</a></li>
*			    <li><a http="#">menu item</a></li>
*		    </ul>
*       </li>
*	</ul>
*
*/

;(function ($) {

    $.fn.dropDownMenu = function (options) {
        var dd = $.fn.dropDownMenu,
			c = dd.c,
			over = function () {
			    var $$ = $(this), menu = getMenu($$);
			    clearTimeout(menu.sfTimer);
			    $$.showdropDownMenu().siblings().hidedropDownMenu();
			},
			out = function () {
			    var $$ = $(this), menu = getMenu($$), o = dd.defaults;
			    clearTimeout(menu.sfTimer);
			    menu.sfTimer = setTimeout(function () {
			        o.retainPath = ($.inArray($$[0], o.$path) > -1);
			        $$.hidedropDownMenu();
			        if (o.$path.length && $$.parents(['li.', o.hoverClass].join('')).length < 1) { over.call(o.$path); }
			    }, o.delay);
			},
			getMenu = function ($menu) {
			    var menu = $menu.parents(['ul', c.menuClass, ':first'].join(''))[0];
                if(menu==null) return;
			    dd.options = dd.o[menu.serial];
			    return menu;
			};
        return this.each(function () {
            var s = this.serial = dd.o.length;
            var o = $.extend(dd.defaults, options);
            o.$path = $('li.' + o.pathClass, this).slice(0, o.pathLevels).each(function () {
                $(this).addClass([o.hoverClass, c.bcClass].join(' '))
					    .filter('li:has(ul)').removeClass(o.pathClass);
            });
            dd.o[s] = dd.options = o;
            $('li:has(ul)', this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over, out)
			    .not('.' + c.bcClass)
				    .hidedropDownMenu();

            var $a = $('a', this);
            $a.each(function (i) {
                var $li = $a.eq(i).parents('li');
                $a.eq(i).focus(function () { over.call($li); }).blur(function () { out.call($li); });
            });
            o.onInit.call(this);
        });
    };

    var dd = $.fn.dropDownMenu;
    dd.o = [];
    dd.defaults = {
        hoverClass: 'submenuhover',
        pathClass: 'overideThisToUse',
        pathLevels: 1,
        firstClass:'submenufirst',
        lastClass:'submenulast',
        lasthoverClass:'submenulasthover',
        delay: 100,
        animation: { opacity: 'show' },
        speed: 'normal',
        autoArrows: true,
        dropShadows: true,
        disableHI: false, 	// true disables hoverIntent detection
        onInit: function () { }, // callback functions
        onBeforeShow: function () { },
        onShow: function () { },
        onHide: function () { }
    };

    dd.IE7fix = function () {
        var o = dd.defaults;
        if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity != undefined)
            this.toggleClass(dd.c.shadowClass + '-off');
    };

    dd.c = {
        bcClass: 'sf-breadcrumb',
        menuClass: '',
        anchorClass: 'sf-with-ul',
        arrowClass: 'sf-sub-indicator',
        shadowClass: 'sf-shadow'
    };

    $.fn.extend({
        hidedropDownMenu: function () {
            var o = dd.defaults,
				not = (o.retainPath === true) ? o.$path : '';
            o.retainPath = false;
            var $ul = $(['li.', o.hoverClass].join(''), this).add(this).not(not).removeClass(o.hoverClass)
					.find('>ul').hide().css('visibility', 'hidden');
            o.onHide.call($ul);
            return this;
        },
        showdropDownMenu: function () {
            var o = dd.defaults,
				sh = dd.c.shadowClass + '-off',
				$ul = this.addClass(o.hoverClass)
					.find('>ul:hidden').css('visibility', 'visible');
                /*Add by wallace*/
                $ul.find('li:first').addClass(o.firstClass).hover(function(){ $(this).addClass(o.hoverClass).removeClass(o.firstClass);},
                   function(){$(this).addClass(o.firstClass).removeClass(o.hoverClass);});
                $ul.find('li:last').addClass(o.lastClass).hover(function(){ $(this).addClass(o.lasthoverClass).removeClass(o.lastClass);},
                   function(){$(this).addClass(o.lastClass).removeClass(o.lasthoverClass);});
                $ul.find('li:not(:first):not(:last)').hover(
                    function(){ $(this).addClass(o.hoverClass);},
                    function(){ $(this).removeClass(o.hoverClass);}
                );
                $ul.find("a[href='" + window.location.pathname + "']").parent("li").mouseover();
                $ul.find('li').click(function(){
                    window.location = $(this).find("a").attr("href");
                });
            dd.IE7fix.call($ul);
            o.onBeforeShow.call($ul);
            $ul.animate(o.animation, o.speed, function () { dd.IE7fix.call($ul); o.onShow.call($ul); });
            return this;
        }
    });
})(jQuery);