var $j 		= jQuery.noConflict(),
	$window = $j( window );

$j( document ).ready( function() {
	"use strict";
	// Mega menu
	oceanwpMegaMenu();
} );

/* ==============================================
MEGA MENU
============================================== */
function oceanwpMegaMenu() {
	"use strict"

    // Mega menu in top bar menu
    $j( '#top-bar-nav .megamenu-li.full-mega' ).hover( function() {
        var $topBar              = $j( '#top-bar' ),
            $menuWidth           = $topBar.width(),     
            $menuPosition        = $topBar.offset(),     
            $menuItemPosition    = $j( this ).offset(),
            $positionLeft        = $menuItemPosition.left-$menuPosition.left+1;

        if ( $j( 'body' ).hasClass( 'boxed-layout' ) ) {
            $positionLeft        = $menuItemPosition.left-$menuPosition.left+1;
            $positionLeft        = $positionLeft-30;
        }

        $j( this ).find( '.megamenu' ).css( { 'left': '-'+$positionLeft+'px', 'width': $menuWidth } );
    } );

    // Mega menu in principal menu
    $j( '#site-navigation .megamenu-li.full-mega' ).hover( function() {
        var $siteHeader          = $j( '#site-header-inner' ),
            $menuWidth           = $siteHeader.width(),     
            $menuPosition        = $siteHeader.offset(),     
            $menuItemPosition    = $j( this ).offset(),
            $positionLeft        = $menuItemPosition.left-$menuPosition.left+1;

        if ( $j( '#site-header' ).hasClass( 'medium-header' ) ) {
            $siteHeader          = $j( '#site-navigation-wrap > .container' ),
            $menuWidth           = $siteHeader.width(),
            $menuPosition        = $siteHeader.offset(),
            $positionLeft        = $menuItemPosition.left-$menuPosition.left+1;
        }

        if ( $j( 'body' ).hasClass( 'boxed-layout' ) ) {
            $positionLeft        = $menuItemPosition.left-$menuPosition.left+1;
            $positionLeft        = $positionLeft-30;
        }

        $j( this ).find( '.megamenu' ).css( { 'left': '-'+$positionLeft+'px', 'width': $menuWidth } );
    } );

    // Megamenu auto width
    $j( '.navigation .megamenu-li.auto-mega .megamenu' ).each( function() {
        var $li                  = $j( this ).parent(),
            $liOffset            = $li.offset().left,
            $liOffsetTop         = $li.offset().top,
            $liWidth             = $j( this ).parent().width(),
            $dropdowntMarginLeft = $liWidth/2,
            $dropdownWidth       = $j( this ).outerWidth(),
            $dropdowntLeft       = $liOffset - $dropdownWidth/2;
        
        if ( $dropdowntLeft < 0 ) {
            var $left            = $liOffset - 10;
            $dropdowntMarginLeft = 0;
        } else {
            var $left            = $dropdownWidth/2;
            
        }
        
        if ( oceanwpLocalize.isRTL ) {
            $j( this ).css( {
                'right': - $left,
                'marginRight': $dropdowntMarginLeft
            } );
        } else {
            $j( this ).css( {
                'left': - $left,
                'marginLeft': $dropdowntMarginLeft
            } );
        }
        
        var $dropdownRight = ( $window.width() ) - ( $liOffset - $left + $dropdownWidth + $dropdowntMarginLeft );
        
        if ( $dropdownRight < 0 ) {
            $j( this ).css( {
                'left': 'auto',
                'right': - ( $window.width() - $liOffset - $liWidth - 10 )
            } );
        }
        
    } );

}