define('core/mobileNavigation',[],function()
{
    var $mbBlur = $('.blur');
    var $mb = $('.mobile-navigation');
    var $mbContent = $('.mobile-navigation .mb_content');
    var $mbDropdown = $('.mb_dropdown');

    var $mbBtnNav = $('.mobile_btn.nav');
    var $mbBtnContact = $('.mobile_btn.contact');

    var $mbNav = $('#mobile_nav');
    var $mbContact = $('#mobile_contact');

// Platforms
    var mobileSafari = false;
    var mobileAndroid = false;
    mbCheckPlatform();

    // Maximize content height
    mbResize();
    $(window).resize(mbResize);

    // Disable hover on phones
    if (mobileAndroid || mobileSafari) {
        $mb.addClass('phone');
    }

    // On button click
    $mbBtnNav.click(function () {
        if ($mbNav.height() > 0) {
            // Close lists
            mbClose($mbNav, $mbBtnNav);

            // Close dropdown lists
            var allLists = $mbNav.find('.mb_dropdown');
            for (var i = 0; i < allLists.length; i++) {
                var $childUl = allLists.eq(i).children('ul').eq(0);
                mbCloseSub($childUl);
            }
            // Unlock body
            mnUnlockBody();

        }
        else {
            mbClose($mbContact, $mbBtnContact);
            mbOpen($mbNav, $mbBtnNav);
            mnLockBody();
        }
    });

    // On button click
    $mbBtnContact.click(function () {
        if ($mbContact.height() > 0) {
            mbClose($mbContact, $mbBtnContact);

            // Unlock body
            mnUnlockBody();

            // Style
            $mbBtnContact.removeClass('selected');
        }
        else {
            mbClose($mbNav, $mbBtnNav);
            mbOpen($mbContact, $mbBtnContact);
            mnLockBody();

            // Style
            $mbBtnContact.addClass('selected');
        }
    });

    // On button click
    $mbBlur.click(function () {
        mbClose($mbContact, $mbBtnContact);
        mbClose($mbNav, $mbBtnNav);
        mnUnlockBody();
    });

    // Dropdown click
    $mbDropdown.children('.title').click(function () {
        var $ul = $(this).siblings('ul');
        if ($ul.height() > 0) {
            mbCloseSub($ul.eq(0));
            var allLists = $ul.find('.mb_dropdown');
            for (var i = 0; i < allLists.length; i++) {
                var $childUl = allLists.eq(i).children('ul').eq(0);
                mbCloseSub($childUl);
            }
        }
        else {
            mbOpenSub($ul.eq(0));
        }
    });


        /** Functions **/

    // Set mobile content height
    function mbResize() {
        var h100 = $(window).height() - 60; // - header
        if (mobileSafari) h100 += 70;
        if (mobileAndroid) h100 += 70;

        $mbContent.css({maxHeight: h100 + 'px'});

        // resize blur
        $mbBlur.css({height: (h100 + 60) + 'px'});
    }

    // Show navigation
    function mbOpen($obj, $btn) {
        // Slide out menu
        $obj.css({display: 'block'});
        var ulH = $obj.children('.inner').outerHeight();
        $obj.stop().animate({height: ulH + 'px'}, 300, function () {
            $obj.css({height: 'auto'});
        });

        // Style
        $btn.addClass('selected');
    }

    // Hide navigation
    function mbClose($obj, $btn) {
        // Collapse menu
        $obj.animate({height: 0}, 300, function () {
            $obj.css({display: 'none'});
        });

        // Style
        $btn.removeClass('selected');
    }

    // Open submenu
    function mbOpenSub($ul) {
        // Slide out menu
        $ul.css({display: 'block'});
        var ulH = $ul.children().size() * $ul.children('li').eq(0).height();
        $ul.stop().animate({height: ulH + 'px'}, 300, function () {
            $ul.css({height: 'auto'});
        });

        // Style
        $ul.parent('li').addClass('selected');
    }

    // Close submenu
    function mbCloseSub($ul) {
        // Collapese menu
        $ul.stop().animate({height: 0}, 300, function () {
            $ul.css({display: 'none'});
        });

        // Style
        $ul.parent('li').removeClass('selected');
    }

    // Lock the body underneath the mobile menu
    function mnLockBody() {
        //  Get 100%
        var h100 = $(window).height();
        if (mobileSafari) h100 += 70;
        if (mobileAndroid) h100 += 70;

        // Disable mouse scroll
        //$body.css({height: h100+'px', overflowY: 'hidden'  });
        //$body.removeClass('scrollable');

        // Show blur
        $mbBlur.css({display: 'block', height: h100 + 'px'});
        $mbBlur.animate({opacity: .9}, 300);
    }

    // Unlock the body underneath the mobile menu
    function mnUnlockBody() {
        // Enable mouse scroll
        //$body.css({  height: '', overflowY: ''  });
        //$body.addClass('scrollable');

        // Hide blur
        $mbBlur.animate({opacity: 0}, 300, function () {
            $mbBlur.css({display: 'none'});
        });
    }


    // Check if mobile safari
    function mbCheckPlatform() {
        // Assign a variable for the device being used
        var nAgt = navigator.userAgent.toLowerCase();

        // First check to see if the platform is an iPhone or iPod
        if (navigator.platform == 'iPhone' || navigator.platform == 'iPod') {
            // In Safari, the true version is after "Safari"
            if ((nAgt.indexOf('safari')) != -1) {
                // Set a variable to use later
                mobileSafari = 'safari';
            }
            if ((nAgt.indexOf('android')) != -1) {
                // Set a variable to use later
                mobileAndroid = 'android';
            }

        }
    }



    return {

        mbCloseAll : function()
        {
            mbClose($mbNav, $mbBtnNav);
            mbClose($mbContact, $mbBtnContact);
            mnUnlockBody();
        }
    };
});