$(function() {
	$('.search input').bind('focus',function(){
		$(this).parent().addclass("hover");	
	});
	$('.search input').bind('blur',function(){
		$(this).parent().removeclass("hover");
	});
	$('.input').bind('focus',function(){
		$(this).addclass("hover");
	});
	$('.input').bind('blur',function(){
		$(this).removeclass("hover");
	});
	
	$('.form input').bind('focus',function(){
		if($(this).val()==""){
			$(this).next("label").hide();	
		}
	});
	$('.form input').bind('blur',function(){
		if(!$(this).val()){
			$(this).next("label").show();	
		}
	});
	if($(".wow").length){
        if (!(/msie [6|7|8|9]/i.test(navigator.useragent))){
            var wow = new wow({
                boxclass: 'wow',
                animateclass: 'animated',
                offset: 50,
                mobile: true,
                live: true
            });
            wow.init();
        };
    }
	

	$(".search-btn a").click(function(){
		$(".menu-box").removeclass("show");
		$(".menubtn").removeclass("active");
		if($(".search-box").hasclass("show")){
			$(".search-box").removeclass("show");
			$(".header").removeclass("current");			
		}else{
			$(".search-box").addclass("show");
			$(".header").addclass("current");
		}
	})
	
	$(window).scroll(function () {
		w_height = $(window).height();
		if (jquery(window).scrolltop() < w_height-60 && $(window).width() > 992) {
			jquery('.page-banner .pic').css('margin-top', $(window).scrolltop() / 2);
		}
	});
	jquery('.page-banner').addclass("hover");
	if($(".page-banner .pic").length> 0){
		var s1 = new timelinemax();
		s1.fromto(".page-banner .pic", 12, {x: 0},{x: "-5%"});
	}
	if($(".page-banner .textbox p").length> 0){
		var s1 = new timelinemax();
		s1.fromto(".page-banner .pic", 12, {x: 0},{x: "-5%"});
		var obj1 = new splittext($('.page-banner .textbox strong'), {type: "chars"});
		var obj2 = new splittext($('.page-banner .textbox p'), {type: "chars"});
		var tl = new timelinemax();
		tl.staggerfrom(obj1.chars, 5, {y: 0, opacity:0 ,ease: expo.easeout},0.1, 0.2);	
		tl.staggerfrom(obj2.chars, 1, {y: 30, opacity:0 ,ease: expo.easeout},0.05, 1.2);	
	}
	
	$(".menubtn").click(function(){
		$(".search-box").removeclass("show");
		if($(".menu-box").hasclass("show")){			
			$(".menu-box").removeclass("show");
			$(".header").removeclass("current");
			
			$(this).removeclass("active");
		}else{
			$(".menu-box").addclass("show");
			$(".header").addclass("current");
			$(this).addclass("active");
		}
	})
	
	$(".menu-box dl dt.hassub").click(function(){
		if($(this).parent().find("dd").is(':hidden')){	
			$(this).parent().siblings().find("dd").slideup(100);
			$(this).parent().siblings().find("dt").removeclass("hover");
			$(this).parent().find("dd").slidedown(300);
			$(this).addclass("hover");
			return false;
		}else{
			$(this).parent().find("dd").slideup(100);
			$(this).parent().siblings().find("dt").removeclass("hover");
			return false;
		}
		
	})
	
	
	
	

	var timeout = -1;
	var nav   = $(".nav-bar ul"),
		loc   = location.href,
		links = nav.find("a"),
		link  = null,
		tag   = 0,
		width = 0,
		left  = 0,
		indicator = $("<li class='indicator'></li>");

	if (tag === 0) {
		//init(links.eq(0));
	}

	function init(link) {
		if (link.length <= 0) {
			return ;
		}
		width = link.width();
		left  = link.offset().left - ($(window).width()-$(".container").width())/2 -$(".container").width()+$('.nav-bar').width();	
		nav.append(indicator.css("left", left)
			.css({"width":width, "left":left}, 500, function() {
				//links.hover(hoveron, hoverout);
		}));
	}
	function hoveron() {
		link = $(".nav-bar .hover a");
		control(link.width(), link.offset().left - ($(window).width()-$(".container").width())/2 -$(".container").width()+$('.nav-bar').width());
	}
	
	function hoverout() {
		control(width, left);
	}
	function control(width, left) {
		$(".indicator").stop().css({"width":width, "left":left}, 300);
	}
	
	if($(".nav-bar").length>0){
		init($(".nav-bar .current a"));
	}
	
	
	if($(window).width()>=768){
		$(".nav-bar li").hover(function(){	
			$(this).parent().find('li').removeclass('hover');
			$(this).addclass('hover');
			$(this).find(".sub-nav").css("left",$(this).offset().left-30+"px");
			hoveron();
		}, function(){
			$(this).removeclass('hover');
			hoverout();
		})	
	}
		
	
	
	$("a.tab").hover(function () {
		$(this).parent().find("a.current").removeclass("current");
		$(this).addclass("current");
		for(var i=0;i<$(this).parent().find("a").length;i++){
			$("#"+$(this).parent().find("a:eq("+i+")").attr("rel")).hide();
		}
		$("#"+$(this).attr("rel")).show();
		return false;
	});
	
	$("a.tabs").click(function () {
		$(this).parent().find("a.current").removeclass("current");
		$(this).addclass("current");
		for(var i=0;i<$(this).parent().find("a").length;i++){
			$("#"+$(this).parent().find("a:eq("+i+")").attr("rel")).hide();
		}
		$("#"+$(this).attr("rel")).show();
		return false;
	});
	

	
	
	$("#follow-btn").css("right",($(window).width()-1200)/4-30+"px");
	$(".back-top").click(function(){
		$('html,body').animate({scrolltop: '0px'}, 400);
		return false;					   
	})
	
	$(".menu-btn").click(function(){
		$("body").addclass("right-slide-on");						  
	})
	$(".right-slide .close-btn").click(function(){
		$("body").removeclass("right-slide-on");						  
	})
	
	if($(window).width()<993 && $(".nav-a").length> 0){
		var movex = $(".selected").position().left + $(".selected").parent().scrollleft();
		var pagex = document.documentelement.clientwidth;
		var blockwidth = $(".selected").width();
		var left = movex - (pagex / 2) + (blockwidth / 2);
		$(".nav-list").animate({
			scrollleft: left,
		});
			
		$("body").on("click", '.nav-a', function () {
			var movex = $(this).position().left + $(this).parent().scrollleft();
			var pagex = document.documentelement.clientwidth;
			var blockwidth = $(this).width();
			var left = movex - (pagex / 2) + (blockwidth / 2);
			$(".nav-list").animate({
				scrollleft: left,
			});
			$(".nav-a").removeclass("selected");
			$(this).addclass("selected");
			var cate_index = $(this).prevall().length;
			var a_id = $(this).attr('navid');
			
			var pxs = parseint(cate_index) * 100;
			$('.bar').css({"width": "100px", "transition-duration": "100ms", "transform": "translatex(" + pxs + "px)"})
		});
	}
	
	
});


var tur = true;
function haha(){
	t = $(document).scrolltop();
	
	if(t > 200){
		$('.header').addclass("hover");
	}else{
		$('.header').removeclass("hover");
	}	
	if(t > 450){
		$('#follow-btn').css("bottom","120px");	
	}else{
		$('#follow-btn').css("bottom","-200px");
	}	
	tur = true;
} 

window.onscroll = function(){ 
	if(tur){
		settimeout(haha,1); tur = false; 
	}else{
		
	} 
} 



var navitem = 0,
menuboxw="100%";

var menu={
	init:function(){
		 jquery('.menu-handler').bind("click", function () {				 
			if (navitem == 0) {
				jquery(this).addclass("active");
				jquery("body").addclass("menuopen");
				jquery(".main").css({ "transform": "translate(-" + menuboxw + ",0px)", "-webkit-transform": "translate(-" + menuboxw + ",0px)" });
				navitem = 1;
			} else if (navitem == 1) {
				jquery(this).removeclass("active");
				jquery("body").removeclass("menuopen");
				jquery(".main").css({ "transform": "none", "-webkit-transform": "none" });
				navitem = 0;
			};
		});
		jquery(".main-black").bind("click", function () {
			if (navitem == 1 ) {
				$menubtn.removeclass("active");
				jquery("html").removeclass("menuopen");
				jquery(".main").css({ "transform": "none", "-webkit-transform": "none" });
				navitem = 0;
			};
		});
		$(document).on("click", ".menumobile .sub ", function (e) {
			var mnavcur = $(this);
			var mnavbox = $(this).parents("dd");
			if (mnavbox.find(".msubmenu").size() > 0) {
				if (mnavcur.hasclass("cur")) {
					mnavbox.find(".msubmenu").stop(false, false).slideup(300);
					mnavcur.removeclass("cur");
				} else {
					jquery(".menumobile .sub").removeclass("cur");
					jquery(".msubmenu").stop(false, false).slideup(300);
					mnavbox.find(".msubmenu").stop(false, false).slidedown(300);
					mnavcur.addclass("cur");
					e.preventdefault();
				}
			}
		});
	},
	close:function(){
		jquery('.menu-handler').removeclass("active");
		jquery("body").removeclass("menuopen");
		jquery(".main").css({ "transform": "none", "-webkit-transform": "none" });
		navitem = 0;
	}
};
$(document).ready(function () {
    menu.init();
});