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()>960){
		navwidth();
		nav();
		if($(window).scrolltop()> $('.toplogboxpc').outerheight()){
			$('.w-header-common').css({'position':'fixed','left':0,'right':0,'top':0});
		}else{
			$('.w-header-common').removeattr('style');
		}
	}else{
		nav_mobile();
	}
	$(window).scroll(function(){
		if($(window).width()>960){
			if($(window).scrolltop()> $('.toplogboxpc').outerheight()){
				$('.w-header-common').css({'position':'fixed','left':0,'right':0,'top':0});
			}else{
				$('.w-header-common').removeattr('style');
			}
		}
	});
	if($(window).width()>767){
	    conmenu();
	}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();
		$('.col-right').css({'padding-bottom':$('.toplogboxtel').height()});
		if($(window).width()>960){
	        navwidth();
		}else{
		    $('.w-admin-nav').removeattr('style');
		}
	});
});