/*
 * jQuery UI Menu 1.0.1
 *
 * Created by Negru Nicolae Marian (marian.negru@gmail.com)
 * Modified by Edward Leigh (edward@visualconnections.com)
 *
 * Depends:
 *   ui.core.js
 */
$.fn.reverse = Array.prototype.reverse;
(function($) {
$.widget("ui.menu", {

  version: "1.0.0",
  options: {
    scope : '',
    shadow : true,
    menuOutDelay : 150
  },
  
  _create: function() {
    var self = this;
    
    // set the scope
    if(this.options.scope)
      this.element.addClass(this.options.scope);
      
    // insert left end cap
    this.element.wrapInner('<div class="ui-menu-left">');

    // prepare menu. Set classes
    var mainMenus = this.element.find('ul:first').addClass('ui-menu').children();
    mainMenus.addClass('ui-menu-item-box');
    
    // set menu items
    mainMenus.find('a:first').addClass('ui-menu-item');

    this.element.show();
    
    // find elements with child menus
    $('li > ul', this.element).each(function() {
      var list = $(this);
      // set classes on submenus
      list.addClass('ui-submenu').children().addClass('ui-submenu-item-box')
        .find('a:first').addClass('ui-submenu-item');
    });

    var dropDowns = $('li > ul', this.element).reverse().each(function() {
        var list = $(this).css({position:'absolute', top:'0px', left:'0px'});
        //list.width(list.width()).height(list.height())
        list.parent().data('hasMenu', true);
    });

    // add the hover on submenu element
    dropDowns.each(function(i){
      var list = $(this);
      var w = list.width();
      list.children().each(function() {
        var link = $(this).find('a:first');

        if(link.length > 0) {
          // set li width heigth
          var h = link.outerHeight();
          $(this).width(w).height(h);

          $('<div class="ui-submenu-item-box-hover"></div>').prependTo(this).css({position:'absolute', top:'0px', left:'0px'}).width(w).height(h).hide();
          // set link width and height
          //var wi = link.width();
          // here add more for width on IE and mac xxxx
          var wi = w - (parseInt(link.css('padding-left'), 10) || 0) - (parseInt(link.css('padding-right'), 10) || 0);
          link.css({position:'absolute', top:'0px', left:'0px'}).width(wi).height(h); 
        }
      });
      var baseIndex = $(this).css('zIndex');
      $(this).hide().parent().css({position:'relative', zIndex : baseIndex - i}); // z-index is a fix for IE
    });
    // add the hover on menu element
    mainMenus.each(function(){
        var link = $(this).find('a:first');

        if(link.length > 0) {
          // set li width heigth
          var w = link.outerWidth(true);
          var h = link.outerHeight(true);
          $(this).width(w).height(h);
          $('<div class="ui-menu-item-box-hover"></div>').prependTo(this).css({position:'absolute', top:'0px', left:'0px'}).width(w).height(h).hide();
          // set link width and height
          w = link.width();
          h = link.height();
          link.css({position:'absolute', top:'0px', left:'0px'}).width(w).height(h);
        }
    });

    // bind events
    $('li', this.element).each(function(i){
      var baseIndex = $(this).css('zIndex');
      var menu = $(this).css({position:'relative', zIndex : baseIndex - i});// z-index is a fix for IE
      menu.hover(
        $.context(self).callback(self._onMenuOver, menu),
        $.context(self).callback(self._onMenuOut, menu));
    });

    // add dropdown shadow
    if(this.options.shadow) {
      dropDowns.each(function(){
        var ul = $(this);
        $('<div></div>').appendTo(ul.parent()).addClass('ui-submenu-shadow').css({position:'absolute', display:'none'}).width(ul.outerWidth()).height(ul.outerHeight() - 3);
      });
    }
  },
  
  _onMenuOver : function(menu) {
    // stop the hide thread first
    this._stopHideThread(menu);
    
    if(this.over != null) {
      this.over.call(menu.find('div:first'));
    }
    
    if(menu.data('hasMenu')) {
      
      menu.find('a:first').addClass('ui-menu-open');
      var el = menu.find('ul:first');
      
      if(this.hiding) {
        this._onMenuOverCallback(el,menu);
      }
      if(el.data('menu-over-timer') == null)
        el.data('menu-over-timer', 
            setTimeout($.context(this).callback(this._onMenuOverCallback, el,menu), this.options.menuOutDelay));
    }
  },
  
  _onMenuOverCallback : function(el,menu) {
    this.showSubMenu.apply(el);
      
    var t = parseInt(el.css('top'));
    var l = parseInt(el.css('left'));
    $('.ui-submenu-shadow', menu).show().css({top:(t + 5) + 'px', left:(l + 2) + 'px'});
    var timer = el.data('menu-over-timer');
    if(timer) {
      el.removeData('menu-over-timer');
      clearTimeout(timer);
    }
  },
  _stopHideThread : function(menu) {
    var hideThread = menu.data('menu-timer');
    if(hideThread != null)
    {
      clearTimeout(hideThread);
      hideThread = null;
    }
    this.hiding = false;
  },
  _onMenuOut : function(menu) {
    if(menu.data('hasMenu')) {
      this._stopHideThread(menu);
      this.hiding = true;
      menu.data('menu-timer', 
            setTimeout($.context(this).callback(this._onMenuOutCallback, menu), this.options.menuOutDelay));
    }
    else if(this.out != null) {
      this.out.call(menu.find('div:first'));
    }
  },
  _onMenuOutCallback : function(menu) {
    var el = menu.find('ul:first');
    
    this.hideSubMenu.apply(el);
    $('.ui-submenu-shadow', menu).hide();
    
    // remove the hover effect
    var menuLink = menu.find('a:first').removeClass('ui-menu-open');
    var data = menuLink.data('menu-data');
    if(data)
      data.out.call(menuLink);
      
    // hover menu
    if(this.out != null) {
      this.out.call(menu.find('div:first'));
    }
    this.hiding = false;
  },
  
  destroy: function() {
    $.Widget.prototype.destroy.apply(this, arguments);
  },
  
  showSubMenu: function() {
    var menu = this.parent();
    
    if(!menu.hasClass('ui-menu-item-box'))
      this.css({top:'0px', left:(menu.outerWidth() + 1) + 'px'});
    else
      this.css({top:(menu.outerHeight() - 1) + 'px', left:'-1px'});

    this.fadeIn(150, function() {
      if (jQuery.browser.msie)
        this.style.removeAttribute('filter');
    });
  },
  
  hideSubMenu: function() {
    this.fadeOut(150);
  },
  
  over: function() {
    // on hover
    this.fadeIn(150, function() {
      if (jQuery.browser.msie)
        this.style.removeAttribute('filter');
    });
  },
  
  out: function() {
    // off hover
    this.fadeOut(150);
  }
  
});

// $.context
$.extend(
{
  context: function (context)
  {
    var co = 
    {
      callback: function ()
      {
        /*var args = null;
        if(typeof arguments == 'Array')
          args = arguments.slice(1, arguments.length);*/
        var method = arguments[0];
        var args = [];
        for(var i = 1; i < arguments.length; i++) {
          args.push(arguments[i]);
        }
        if (typeof method == 'string') method = context[method];
          var cb = function () { method.apply(context, args ? args.concat(arguments) : arguments); }
          return cb;
        }
      };
      return co;
    }
  });
})(jQuery);