锘?use strict';

function throlle(fn,delay){
	delay || (delay=100);
	var timeout = null,
		starTime = new Date();
	clearTimeout(timeout);
	return function(){
		var endTime = new Date();
		if(endTime-starTime<delay){
			timeout = setTimeout(function(){
				fn();
				starTime = endTime;
			},delay);
		}else{
			fn();
		}
	}
}

var header = {
	headerOpenBool: false,
	navigation: function(){
		var subNavWrap = '.sub-menu__wrap',
			hoverTimeout01 = null,
			hoverTimeout02 = null;
		$('.p-navigation > ul > li').hover(function(){
			var that = $(this);
			that.addClass('on').siblings().removeClass('on');
			if(that.find('.sub-menu__left ul li').length>0){

				var firstItem = that.find('.sub-menu__left li').eq(0),
					firstItemHtml = firstItem.find('.nav-menu__right').html(),
					firstPushHtml = firstItem.find('.hover-menu__inner').html(),
					firstPushHref = firstItem.children('a').attr('href');

				firstItem.addClass('on').siblings().removeClass('on');
				that.find('.sub-menu__right').html(firstItemHtml);

				$('.sub-push__inner').attr('href',firstPushHref).html(firstPushHtml);
				// clearTimeout(hoverTimeout01);
	       		// hoverTimeout01 = setTimeout(navSlideToggle, 40);
	       		// function navSlideToggle(){
	       			that.siblings().find('.sub-menu__box').stop(true).slideUp(300);
					that.find('.sub-menu__box').stop(true).slideDown(300);

	       		// }
			}
		},function(){
			var that = $(this);

	        clearTimeout(hoverTimeout02);
	        // hoverTimeout02 = setTimeout(navSlideUp, 10);
	        // function navSlideUp() {
	            $('.sub-menu__box').stop(true).slideUp(300);
	            $('.navigation > ul > li').removeClass('on');
	        // }
	        
		});
	},
	subNavShow: function(){
		var mouseBool = true;
		$(document).on('mouseenter','.sub-menu__left span',function(){
			var that = $(this),
				eleParents = that.parent().parent(),
				eleHtml = eleParents.find('.nav-menu__right').html();
			
			var hoverHtml = eleParents.find('.hover-menu__inner').html();//Gets the content to the right
			var hoverHref = that.parent().attr('href');
			eleParents.addClass('on').siblings().removeClass('on');
			that.parents('.sub-menu__wrap').find('.sub-menu__right').html(eleHtml);
			$('.sub-push__inner').attr('href',hoverHref).html(hoverHtml);

			
			if(that.parents('.product-menu__warp').length>0){//Product menu bar initialization
				header.productMenuInit(that);
			}
		})
	},
	subNavHide: function(){
		$('.sub-menu__wrap').mouseleave(function(){
			$(this).removeClass('open');
		});
	},
	productMenuInit: function(_self){
		var eleFirstItem = _self.parents('.product-menu__warp').find('.sub-menu__right li:first'),
			eleFirstHtml = eleFirstItem.find('.product-menu__inner').html();
		$('.product-menu__main').html(eleFirstHtml);
		eleFirstItem.addClass('on').siblings().removeClass('on');

		console.log(_self.parents('.product-menu__warp').find('.sub-menu__right li:first').html());
	},
	productNavMenu: function(){
		$(document).on('mouseenter','.product-menu__warp .pro-menu',function(){
			var that = $(this),
				eleParent = that.parent().parent();
			var eleHtml = eleParent.children('.product-menu__inner').html();
			eleParent.addClass('on').siblings().removeClass('on');
			$('.product-menu__main').html(eleHtml);
		})
	},
	getProductFirstNav: function(){
		var eleHtml = $('.product-menu__warp').find('.product-menu__inner').html();
		$('.product-menu__main').html(eleHtml);
	},
	openSearch: function(){
		$('.header-search').click(function(){
			$('.site-search__search').slideToggle(200);
		})
	},
	closeSearch: function(){
		$('.site-search__search .close-search').click(function(){
			$('.site-search__search').slideUp(200);
		})
	},
	mobileOpenNavigation: function(){
		$('.menu-btn').click(function(){
			$('body').toggleClass('open');
		})
	},
	mobileOpenSubNav: function(){
		$('.m-navigation>ul>li>a').click(function(){
			var that = $(this),
				eleParent = that.parent();
			eleParent.toggleClass('on').siblings().removeClass('on');
			eleParent.siblings().find('.m-sub-nav__wrap').slideUp(200);
			eleParent.find('.m-sub-nav__wrap').slideToggle(200);
		})
	},
	mobileOpenSubWrap: function(){
		$('.m-sub-nav__wrap>dl>dd>a').click(function(){
			var eleParent = $(this).parent();
			eleParent.siblings().children('.m-sub-nav__main').slideUp(200);
			eleParent.children('.m-sub-nav__main').slideToggle(200)
		})
	},
	__init: function(){
		header.mobileOpenNavigation();
		header.mobileOpenSubNav();
		header.mobileOpenSubWrap();
		header.navigation();
		header.productNavMenu();
		header.getProductFirstNav();
		header.subNavShow();
		header.subNavHide();
		header.openSearch();
		header.closeSearch();
	}
}

var footer = {
	backTop: function(){
		$('.back-top').click(function(){
			$('html,body').animate({scrollTop: 0},400);
		})
	},
	openLangInner: function(){
		$('.header-lang a').click(function(){
			$('.modla-lang__wrap').fadeIn(200);
		});
	},
	closeLangInner: function(){
		$('.modal-lang__close,.modla-lang__bg').click(function(){
			$('.modla-lang__wrap').fadeOut(200);
		})
	},
	openChat: function(){
		$('.chat-wrap').click(function(){
			$('#ECHAT_icon_link').trigger('click');
		})
	},
	__init: function(){
		footer.backTop();
		footer.openLangInner();
		footer.closeLangInner();
		footer.openChat();
	}
}

$(function(){
	$("img.lazy").lazyload({
		effect: "fadeIn",
		threshold: 200,
		failure_limit: 10,
		skip_invisible: true,
		appear: null,
		load: null
	});
	var wow = new WOW({
		boxClass: 'wow',
		animateClass: 'animated',
		offset: 0,
		mobile: true,
		live: true
	});

	$('.sh-mlink, .smenu-item').on('mouseenter', function() {
        var _id = $(this).attr('data-sub');
        $('.sh-mlink').removeClass('active');
        $('.smenu-item').removeClass('active');

        $('[data-sub='+_id+']').addClass('active');
        $('.s-sub').addClass('show');
    });

    $('.sh-mlink, .smenu-item').on('mouseleave', function() {
        $('.s-sub').removeClass('show');
        $('.sh-mlink').removeClass('active');
    });
    
    $('.smenu-li').on('mouseenter', function(){
        var _id = $(this).attr('data-smenu');
        $('[data-smenu='+_id+']').addClass('active').siblings().removeClass('active');
    });

    $('.smc-li').on('mouseenter', function(){
        var _id = $(this).attr('data-smc');
        $('[data-smc='+_id+']').addClass('active').siblings().removeClass('active');
    });


    var filterHeader = $('.js-filter-header'),
        filterOption = $('.js-filter-option');
        
    filterHeader.on('click', function(e){
        e.stopPropagation();
        var _filterOption = $(this).next('.filter-selector__option');
        if($(this).hasClass('active')){
            $(this).removeClass('active');
            _filterOption.slideUp('fast');
        }else{
            filterHeader.removeClass('active');
            filterOption.slideUp();
            $(this).addClass('active');
            _filterOption.slideDown('fast');
        }
    });

    $('.filter-selector__item').on('click', function(e) {
        e.stopPropagation();
        var filter = $(this).html(),
            _filterHeader = $(this).parents('.filter-selector').find('.filter-selector__header'),
            _filterOption = $(this).parents('.filter-selector').find('.filter-selector__option');
        $(this).addClass('current').siblings().removeClass('current');
        _filterHeader.removeClass('active');
        _filterOption.slideUp('fast');
        _filterHeader.removeClass('active').html(filter);
    });

    $('.js-option-lang').on('click', function(e) {
        e.stopPropagation();
        // filterHeader.html($(this).html());
    });

    $(document).on('click', function() {
        filterHeader.removeClass('active');
        filterOption.slideUp();
    });

	wow.init();
	header.__init();
	footer.__init();
});