var hasclick1=false,hasclick2=false,hasclick3=false,hasclick4=false,hasclick5=false,hasclick6=false; var nav=function(){ $('.w-nav li').hover(function(){ var $submenu1 = $(".w-nav .nav_inner >li > .submenu"); $(this).children('.submenu').slidedown(); for(var i=0; i<$submenu1.length;i++){ var position_left=$submenu1.eq(i).offset().left; if((position_left+$submenu1.eq(i).width())>document.body.clientwidth ){ $submenu1.eq(i).css({'right':0,'left':'auto'}); } } var $submenu2 = $(".submenu .submenu"); for(var i=0; i<$submenu2.length;i++){ var position_left=$submenu2.eq(i).offset().left; if((position_left+$submenu2.eq(i).width())>document.body.clientwidth ){ $submenu2.eq(i).css({'right':$submenu2.eq(i).width(),'left':'auto'}); } } },function(){ $(this).children('.submenu').stop(true,true); $(this).children('.submenu').removeattr("style"); $(this).children('.submenu').hide(); }); } var nav_mobile=function(){ if(hasclick1){$('.mobile-nav-toggle').unbind('click');} $('.mobile-nav-toggle').click(function(){ if( $('.col-right').css('left')!=0 ){ $('.nav_right_mask').show(); $('.col-right').animate({'left':0},500); }else{ $('.nav_right_mask').hide(); $('.col-right').animate({'left':'-70%'},500); } if( $('.w-admin-nav').css('left')!=0){ $('.nav_right_mask').show(); $('.w-admin-nav').animate({'left':0},500); }else{ $('.w-admin-nav').animate({'left':'-70%'},500); $('.nav_right_mask').hide(); } return false; }); if(hasclick1){$('.nav_right_mask').unbind('click');} $('.nav_right_mask').click(function(){ $('.col-right').animate({'left':'-70%'},500); $('.w-admin-nav').animate({'left':'-70%'},500); $('.nav_right_mask').hide(); $('.w-nav').find('.open').removeclass('open'); $('.w-nav').find('.submenu').slideup(); return false; }); if(hasclick1){$('.w-nav li .fa').unbind('click');} $('.w-nav li .fa').click(function(){ $(this).parent().parent().parent().siblings().find('.li-parent-div').removeclass('open'); $(this).parent().parent().parent().siblings().find('.submenu').slideup(); if($(this).parent().parent().hasclass('open')){ $(this).parent().parent().removeclass('open'); $(this).parent().parent().siblings().find('.open').removeclass('open'); $(this).parent().parent().siblings('.submenu').slideup(); $(this).parent().parent().siblings().find('.submenu').slideup(); }else{ $(this).parent().parent().addclass('open'); $(this).parent().parent().siblings('.submenu').slidedown(); } return false; }); hasclick1=true; } var conmenu=function(){ $('.w-com-menu-h li').hover(function(){ var $consubmenu=$(this).children('.ul-submenu'); $consubmenu.show(); var wid_parent=$consubmenu.parent().width(); var wid_parent_left=$(this).offset().left; var window_w=$(window).width(); var wid=0; var $consubmenuli=$consubmenu.children('ul').children('li'); for(var j=0; j<$consubmenuli.length;j++){ var li_width=$consubmenuli.eq(j).width(); wid=wid+li_width; } if(wid_parent_left>(wid-wid_parent)/2){ if((window_w-wid_parent_left)>(wid+wid_parent)/2){ $consubmenu.css({'width':wid+1,'left':-(wid-wid_parent)/2}); }else{ $consubmenu.css({'width':wid+1,'right':-(window_w-wid_parent_left-wid_parent)}); } }else{ $consubmenu.css({'width':wid+1,'left':-wid_parent_left}); } },function(){ $(this).children('.ul-submenu').removeattr("style"); }); if(hasclick4 || hasclick5){$('.w-com-menu li .div-parent .fa').unbind('click');} $('.w-com-menu-v > .w-com-menu-in > .ul-parent > li').mouseleave(function(){ $(this).find('.ul-submenu').find('.open').removeclass('open'); $(this).find('.ul-submenu').find('.ul-submenu').slideup(); }); $('.w-com-menu-v li .div-parent .fa').click(function(){ $(this).parent().parent().siblings().find('.ul-submenu').slideup(); $(this).parent().parent().siblings().removeclass('open'); $(this).parent().parent().siblings().find('.open').removeclass('open'); if($(this).parent().siblings('.ul-submenu').is(':hidden')){ $(this).parent().siblings('.ul-submenu').slidedown(); $(this).parent().parent().addclass('open'); }else{ $(this).parent().siblings('.ul-submenu').slideup(); $(this).parent().siblings('.ul-submenu').find('.ul-submenu').slideup(); $(this).parent().parent().removeclass('open'); $(this).parent().parent().find('.open').removeclass('open'); } return false; }); hasclick4=true; } var conmenu_tel=function(){ if(hasclick5 || hasclick4){$('.w-com-menu .fa-plus').unbind('click');} $('.w-com-menu .fa-plus').click(function(){ $(this).parent().parent().siblings('li').find('.ul-submenu').slideup(); $(this).parent().parent().siblings('li').removeclass('open'); $(this).parent().parent().siblings('li').find('.open').removeclass('open'); if($(this).parent().siblings('.ul-submenu').is(':hidden')){ $(this).parent().siblings('.ul-submenu').slidedown(); $(this).parent().parent().addclass('open'); }else{ $(this).parent().siblings('.ul-submenu').slideup(); $(this).parent().siblings('.ul-submenu').find('.ul-submenu').slideup(); $(this).parent().parent().removeclass('open'); $(this).parent().parent().find('.open').removeclass('open'); } return false; }); hasclick5=true; } var navwidth=function(){ var outwid,logowid,navmarwid,shopcartwid=0; var windoww=$(window).width(); navmarwid=parseint($('.w-admin-nav').css('margin-left'))+ parseint($('.w-nav').css('margin-right')); if($('div').hasclass('w-admin-header')){ outwid=$('.w-admin-header .w-admin-row').width(); } if($('div').hasclass('w-admin-shopcart')){ shopcartwid=parseint($('.w-admin-shopcart').outerwidth(true)) + parseint($('.w-admin-shopcart').css('right')); if((windoww-2*shopcartwid)>1210){ shopcartwid=0; }else if(windoww>1210){ shopcartwid=shopcartwid-(windoww-1210)/2; } } if($('.w-logo-img').is(':visible')){ var $logoimg = $('.w-logo-img').find('img'); var img = new image(); img.onload = function () { logowid=$('.w-logo').width(); $('.w-admin-nav').css({'max-width':outwid-logowid-navmarwid-shopcartwid-2}); $("#g-web-ul-menu").menustyle(); } img.src = $logoimg.attr("src"); }else{ logowid=$('.w-logo').width(); $('.w-admin-nav').css({'max-width':outwid-logowid-navmarwid-shopcartwid-2}); $("#g-web-ul-menu").menustyle(); } } $(function(){ if($(window).width()>1200){ $('.w-com-menu-h .w-com-menu-in').css('max-width',$(window).width()); }else{ $('.w-com-menu-h .w-com-menu-in').css('max-width','auto'); } if($(window).width()>960){ navwidth(); nav(); }else{ nav_mobile(); } if($(window).width()>767){ conmenu(); if($('.bannerbox').outerheight()<78){ $('.w-system .w-com-menu-h').css({'background':'#373737','margin-top':'-40px'}); } }else{ conmenu_tel(); } $('.col-right').css({'padding-bottom':$('.toplogboxtel').height()}); var oldwidth=$(window).width(); $(window).resize(function(){ var newwidth=$(window).innerwidth(); if(oldwidth>960){ if(newwidth<961){ $('.w-nav li').unbind('mouseenter').unbind('mouseleave'); $(".w-nav .submenu").removeattr("style"); nav_mobile(); } }else{ if(newwidth>960){ $('.col-right').removeattr("style"); $('.w-admin-nav').removeattr("style"); $('.nav_right_mask').hide(); $('.w-nav .open').removeclass('open'); $(".w-nav .submenu").removeattr("style"); nav(); } } if(oldwidth>767){ if(newwidth<768){ $('.w-com-menu-h .ul-submenu').removeattr("style"); $('.w-com-menu li').unbind('mouseenter').unbind('mouseleave'); $('.w-com-menu-v .ul-submenu').slideup(); $('.w-com-menu-v .open').removeclass('open'); conmenu_tel(); } }else{ if(newwidth>768){ $('.w-com-menu .ul-submenu').removeattr("style"); $('.w-com-menu .ul-submenu').removeattr("style"); $('.w-com-menu .open').removeclass('open'); conmenu(); } } oldwidth=$(window).width(); if($(window).width()>1200){ $('.w-com-menu-h .w-com-menu-in').css('max-width',$(window).width()); }else{ $('.w-com-menu-h .w-com-menu-in').css('max-width','auto'); } $('.col-right').css({'padding-bottom':$('.toplogboxtel').height()}); if($(window).width()>960){ navwidth(); }else{ $('.w-admin-nav').removeattr('style'); } }); });