/*
 * 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',
            event: 'hover',
            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).show(defaults.speed);
                }
            }
            function megaAction(obj){
                var subNav = $('.sub',obj);
                $(obj).addClass('mega-hover');
                if(defaults.effect == 'fade'){
                    $(subNav).fadeIn(defaults.speed);
                }
                if(defaults.effect == 'slide'){
                    $(subNav).show(defaults.speed);
                }
            }
            function megaOut(){
                var subNav = $('.sub',this);
                $(this).removeClass('mega-hover');
                $(subNav).hide();
            }
            function megaActionClose(obj){
                var subNav = $('.sub',obj);
                $(obj).removeClass('mega-hover');
                $(subNav).hide();
            }
            function megaReset(){
                $('li',$dcMegaMenuObj).removeClass('mega-hover');
                $('.sub',$dcMegaMenuObj).hide();
            }

            function megaSetup(){
                $arrow = '<span class="dc-mega-icon"></span>';
                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" />');
                        
                        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();
                            
                            // Get Position of Parent Item
                            var parentWidth = $(this).width();
                            var parentRight = parentLeft + parentWidth;
                            
                            // Check available right margin
                            var marginRight = menuWidth - parentRight;
                            
                            // // 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 incl additional required for right align
                            var marginLeft = (totalItemWidth - parentWidth)/2;
                            if(marginRight < marginLeft){
                                marginLeft = marginLeft + marginLeft - marginRight;
                            }
                            var subLeft = parentLeft - marginLeft;

                            // If Left Position Is Negative Set To Left Margin
                            if(subLeft < 0){
                                $('.sub-container',this).css('left','0');
                            }else if(marginRight < marginLeft){
                                $('.sub-container',this).css('right','0');
                            }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+'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');
                
                if(defaults.event == 'hover'){
                    // HoverIntent Configuration
                    var config = {
                        sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
                        interval: 100, // number = milliseconds for onMouseOver polling interval
                        over: megaOver, // function = onMouseOver callback (REQUIRED)
                        timeout: 400, // number = milliseconds delay before onMouseOut
                        out: megaOut // function = onMouseOut callback (REQUIRED)
                    };
                    $('li',$dcMegaMenuObj).hoverIntent(config);
                }
                
                if(defaults.event == 'click'){
                
                    $('body').mouseup(function(e){
                        if(!$(e.target).parents('.mega-hover').length){
                            megaReset();
                        }
                    });

                    $('> li > a.'+defaults.classParent,$dcMegaMenuObj).click(function(e){
                        var $parentLi = $(this).parent();
                        if($parentLi.hasClass('mega-hover')){
                            megaActionClose($parentLi);
                        } else {
                            megaAction($parentLi);
                        }
                        e.preventDefault();
                    });
                }
            }
        });
    };
})(jQuery);