Your IP : 216.73.216.240


Current Path : /home/juvelize/martine/plugins/system/helix/js/
Upload File :
Current File : /home/juvelize/martine/plugins/system/helix/js/menu.js

/**
* @package Helix Framework
* @author JoomShaper http://www.joomshaper.com
* @copyright Copyright (c) 2010 - 2014 JoomShaper
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/;
(function ($) {
        $.fn.spmenu = function (options) {
            var defaults = {
                startLevel: 0,
                direction: 'ltr',
                center: 0,
                marginLeft: 0,
                marginTop: 0,
                width: 200,
                initOffset: {
                    x: 0,
                    y: 0
                },
                subOffset: {
                    x: 0,
                    y: 0
                }
            };

            var options = $.extend(defaults, options);

            return this.each(function () {

                    //First Level

                    $(this).find('>li.menu-item.parent').each(function (index) {

                            var $this = $(this);
                            var $submenu = $this.find('>.sp-submenu');
                            var rootLevel = ($this.closest('ul.sp-menu').hasClass('level-' + options.startLevel) ? true : false); //Detect Level Root				
                            if (rootLevel) {
                                $submenu.addClass('sub-level');

                                var marginTop = $this.height() + options.marginTop;
                                var marginLeft = options.marginLeft;

                                if (options.center) {
                                    marginLeft = -($submenu.width() / 2) + ($submenu.closest('.parent').width() / 2);
                                } else {

                                    var offset = $submenu.offset();
                                    var submenuWidth = offset.left + $submenu.width();
                                    var viewport = $(window).width();

                                    if (viewport < submenuWidth) {
                                        var restWidth = submenuWidth - viewport;
                                    } 
                                    else if(offset.left < 0){
                                        restWidth = offset.left*(-1);
                                    }

                                    else {
                                        var restWidth = 0;
                                    }

                                    marginLeft = marginLeft - restWidth;
                                }

                                $submenu.find('>.sp-submenu-wrap').css({
                                        'margin-top': options.initOffset.y,
                                        'margin-left': options.initOffset.x
                                });


                                if (options.direction == 'rtl') {

                                    $submenu.css({
                                            'top': marginTop,
                                            'right': marginLeft
                                    });

                                } else {

                                    $submenu.css({
                                            'top': marginTop,
                                            'left': marginLeft
                                    });
                                }

                            } else {
                                $submenu.addClass('sub-level-child');
                                var marginTop = options.marginTop;
                                var offset = $submenu.offset();
                                var viweport = $(window).width();

                                var outerWidth = $submenu.outerWidth(true);
                                var parentouterWidth = $submenu.parent().outerWidth(true);

                                var submenuWidth = $submenu.width();

                                var parentWidth = $submenu.parent().width();

                                var isVisible = function(){
                                    if( offset.left < 0 ) return false;
                                    else if( viweport < (outerWidth+offset.left+submenuWidth) ) return false;
                                    else return true;
                                }

                                var isMegaMenu = function(){
                                    if( options.width < submenuWidth ) return true;
                                    else return false;
                                }

                                var isRTL = function(){                                    
                                    if( options.direction=='rtl' ) return true;
                                    else return false;
                                }

                                var moveMenuPX = function(){
                                    if (options.direction == 'ltr') {
                                        if( outerWidth > parentouterWidth ){
                                            if( isVisible() ) return parentouterWidth;
                                            else return submenuWidth;
                                        }
                                        else if( parentouterWidth < outerWidth ) return parentWidth;
                                        else if( outerWidth == parentouterWidth ) return outerWidth;
                                        else return options.width;
                                    } else {

                                        if( outerWidth > parentouterWidth ){
                                            if( isVisible() ) return submenuWidth;
                                            else return parentouterWidth;
                                            //return submenuWidth;
                                        }
                                        else if( parentouterWidth < outerWidth ) return parentWidth;
                                        else if( outerWidth == parentouterWidth ) return submenuWidth;
                                        else return options.width;
                                    }
                                }

                                /*
                                // info graphic
                                $submenu.attr('data-width', submenuWidth);
                                $submenu.attr('data-offset', offset.left);
                                $submenu.attr('data-outerwidth', outerWidth);
                                $submenu.attr('data-isvisible', isVisible);
                                $submenu.attr('data-ismegamenu', isMegaMenu);
                                $submenu.attr('data-viewport', viweport);
                                $submenu.attr('data-parentouterwidth', $submenu.parent().outerWidth(true));
                                */

                                if (options.direction == 'ltr') {

                                    if( isVisible() ){
                                        marginLeft = moveMenuPX();
                                    } else {
                                        marginLeft = -moveMenuPX();
                                    }

                                } else {

                                    if( isVisible() ){
                                        marginLeft = -moveMenuPX();
                                    } else {
                                        marginLeft = moveMenuPX();
                                    }
                                }



                                $submenu.find('>.sp-submenu-wrap').css({
                                        'margin-top': options.subOffset.y,
                                        'margin-left': options.subOffset.x
                                });

                                if (options.direction == 'rtl') {

                                    $submenu.css({
                                            'top': 0,
                                            'right': 0
                                    });

                                    $submenu.css({
                                            'top': marginTop,
                                            'right': marginLeft
                                    });

                                } else {

                                    $submenu.css({
                                            'top': 0,
                                            'left': 0
                                    });

                                    $submenu.css({
                                            'top': marginTop,
                                            'left': marginLeft
                                    });
                                }
                            }

                            var $timeer;

                            $this.on('mouseenter', function (event) {
                                    event.stopImmediatePropagation();
                                    $(this).find('>.sp-submenu').removeClass('open');
                                    $(this).find('>.sp-submenu').addClass('open');                                    
                            });

                            $this.on('mouseleave', function (event) {
                                    var $_this = $(this);
                                    $(this).find('>.sp-submenu').removeClass('open');                                   
                            });
                    });
            });

        };

})(jQuery);


/**
* jQuery Mobile Menu
* Turn unordered list menu into dropdown select menu
* version 1.0(31-OCT-2011)
*
* Built on top of the jQuery library
*   http://jquery.com
*
* Documentation
* 	 http://github.com/mambows/mobilemenu
*/
;
(function ($) {
        $.fn.mobileMenu = function (options) {

            var defaults = {
                defaultText: 'Navigate to...',
                className: 'select-menu',
                subMenuClass: 'menu-item',
                subMenuDash: '-',
                appendTo: '#sp-mmenu'
            },
            settings = $.extend(defaults, options),
            el = $(this);
            mobileMenu = $(settings.appendTo);

            this.each(function () {
                    // ad class to submenu list
                    el.find('ul').addClass(settings.subMenuClass);

                    // Create base menu
                    $('<select />', {
                            'class': settings.className
                    }).appendTo(mobileMenu);

                    // Create default option
                    $('<option />', {
                            "value": '#',
                            "text": settings.defaultText
                    }).appendTo('.' + settings.className);

                    // Create select option from menu
                    el.find('a').each(function () {
                            var $this = $(this),
                            optText = '&nbsp;' + $this.find('span.menu-title').text(),
                            optSub = $this.parents('.' + settings.subMenuClass),
                            len = optSub.length,
                            dash;

                            // if menu has sub menu
                            if ($this.parents('ul').hasClass(settings.subMenuClass)) {
                                dash = Array(len + 1).join(settings.subMenuDash);
                                optText = dash + optText;
                            }

                            // Now build menu and append it
                            $('<option />', {
                                    "value": this.href,
                                    "html": optText,
                                    "selected": (this.href == window.location.href)
                            }).appendTo('.' + settings.className);

                    }); // End el.find('a').each

                    // Change event on select element
                    $('.' + settings.className).change(function () {
                            var locations = $(this).val();
                            if (locations !== '#') {
                                window.location.href = $(this).val();
                            };
                    });

            }); // End this.each
            return this;
        };
})(jQuery);