/*
 * DC Mega Menu - jQuery mega menu
 * Copyright (c) 2011 Design Chemical
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 *
 */
(function($){

  //define the defaults for the plugin and how to call it  
  $.fn.dcMegaMenu = function(options){
    //set default options  
    var defaults = {
      classParent: 'dc-mega',
      rowItems: 3,
      speed: 'fast',
      effect: 'fade',
      classSubParent: 'mega-hdr',
      classSubLink: 'mega-hdr'
    };

    //call in the default otions
    var options = $.extend(defaults, options);
    var $dcMegaMenuObj = this;

    //act upon the element that is passed into the design    
    return $dcMegaMenuObj.each(function(options){

      megaSetup();
      
      function megaOver(){
        var subNav = $('.sub',this);
        $(this).addClass('mega-hover');
        /*
        if(defaults.effect == 'fade'){
          $(subNav).fadeIn(defaults.speed);
        }
        if(defaults.effect == 'slide'){
          $(subNav).slideDown(defaults.speed);
        }
        */
        $(subNav).show();
      }
      
      function megaOut(){
        var subNav = $('.sub',this);
        $(this).removeClass('mega-hover');
        $(subNav).hide();
      }

      function megaSetup(){
        $arrow = '<span class="dc-mega-icon"></span>';
        $arrow = '';
        var classParentLi = defaults.classParent+'-li';
        var menuWidth = $($dcMegaMenuObj).outerWidth(true);
        $('> li',$dcMegaMenuObj).each(function(){
        
      
          //Set Width of sub
          var mainSub = $('> ul',this);
          var primaryLink = $('> a',this);
          if($(mainSub).length > 0){
          
            $(primaryLink).addClass(defaults.classParent).append($arrow);
            $(mainSub).addClass('sub').wrap('<div class="sub-container" />');
            
            // Get Position of Parent Item
              var position = $(this).position();
              parentLeft = position.left;
              
            if($('ul',mainSub).length > 0){
              $(this).addClass(classParentLi);
              $('.sub-container',this).addClass('mega');
              $('> li',mainSub).each(function(){
                $(this).addClass('mega-unit');
                if($('> ul',this).length){
                  $(this).addClass(defaults.classSubParent);
                  $('> a',this).addClass(defaults.classSubParent+'-a');
                } else {
                  $(this).addClass(defaults.classSubLink);
                  $('> a',this).addClass(defaults.classSubLink+'-a');
                }
              });

              // Create Rows
              var hdrs = $('.mega-unit',this);
              rowSize = parseInt(defaults.rowItems);
             
              for(var i = 0; i < hdrs.length; i+=rowSize){
                hdrs.slice(i, i+rowSize).wrapAll('<div class="row" />');
              }

              // Get Sub Dimensions & Set Row Height
              $(mainSub).show();

              // Calc Left Position of Sub Menu
              // // Get Width of Parent
              var parentWidth = $(this).width();
                            
              // // Calc Width of Sub Menu
              var subWidth = $(mainSub).outerWidth(true);
              var totalWidth = $(mainSub).parent('.sub-container').outerWidth(true);
              var containerPad = totalWidth - subWidth;
              var itemWidth = $('.mega-unit',mainSub).outerWidth(true);
              var rowItems = $('.row:eq(0) .mega-unit',mainSub).length;
              var innerItemWidth = itemWidth * rowItems;
              var totalItemWidth = innerItemWidth + containerPad;
              
              // Set mega header height
              $('.row',this).each(function(){
                $('.mega-unit:last',this).addClass('last');
                var maxValue = undefined;
                $('.mega-unit > a',this).each(function(){
                  var val = parseInt($(this).height());
                  if (maxValue === undefined || maxValue < val){
                    maxValue = val;
                  }
                });
                $('.mega-unit > a',this).css('height',maxValue+'px');
                $(this).css('width',innerItemWidth+'px');
              });
              
              // // Calc Required Left Margin
              var marginLeft = (totalItemWidth - parentWidth)/2;
              var subLeft = parentLeft - marginLeft;

              // If Left Position Is Negative Set To Left Margin
              if(subLeft < 0){
                $('.sub-container',this).css('left','10px');
              } else {
                $('.sub-container',this).css('left',parentLeft+'px').css('margin-left',-marginLeft+'px');
              }
              
              // Calculate Row Height
              $('.row',mainSub).each(function(){
                var rowHeight = $(this).height();
                $('.mega-unit',this).css('height',rowHeight+'px');
                $(this).parent('.row').css('height',rowHeight+'px');
              });
              $(mainSub).hide();
          
            } else {
              $('.sub-container',this).addClass('non-mega').css('left',parentLeft+10+'px');
            }
          }
        });
        // Set position of mega dropdown to bottom of main menu
        var menuHeight = $('> li > a',$dcMegaMenuObj).outerHeight(true);
        $('.sub-container',$dcMegaMenuObj).css({top: menuHeight+'px'}).css('z-index','1000');
        // HoverIntent Configuration
        var config = {
          sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)
          interval: 0, // number = milliseconds for onMouseOver polling interval
          over: megaOver, // function = onMouseOver callback (REQUIRED)
          timeout: 0, // number = milliseconds delay before onMouseOut
          out: megaOut // function = onMouseOut callback (REQUIRED)
        };
        $('li',$dcMegaMenuObj).hoverIntent(config);
      }
    });
  };
})(jQuery);