'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();
});