//关键函数：通过控制i ，来显示不通的幻灯片
function showImg(i){
	$("#img a")
		.eq(i).stop(true,true).fadeIn(800)
		.siblings("a").fadeOut(800);
	 $("#btn span")
		.eq(i).addClass("hov")
		.siblings().removeClass("hov");
}
$(document).ready(function(){
	$("#img a").eq(0).show();
	$("#btn span").eq(0).addClass('hov'); 
	$("#showtext").empty().append($("#img a").eq(0).attr('title'));
	 var index = 0;
	 $("#btn span").click(function(){
		index  =  $("#btn span").index(this);
		showImg(index);
	});	
	 var lenght=$("#img a").length;
	 var time=4000;
	 //滑入 停止动画，滑出开始动画.
	 $('#frame').hover(
	 	function(){
			  if(MyTime){
				 clearInterval(MyTime);
			  }
		 },function(){
			  	MyTime = setInterval(function(){
			    showImg(index)
				index++;
				if(index==lenght){index=0;}
			  } , time);
	 });
	 //自动开始
	 var MyTime = setInterval(function(){
		showImg(index)
		index++;
		if(index==lenght){index=0;}
	 } , time);
	 
	 $("#btn span").hover(function(){
		 $(this).find("i").fadeIn(400);
	 },function(){
		 $(this).find("i").fadeOut(200)
	 })
})


// 首页海尔在全球
	$(document).ready(function(){ 
		//鼠标划过地图切换地区
		$('#dq_01').mouseover(function(){
			$("#dq01").addClass("cur");
		});
		$('#dq_01').mouseout(function(){
			$("#dq01").removeClass("cur");
		});
		$('#dq_02').mouseover(function(){
			$("#dq02").addClass("cur");
		});
		$('#dq_02').mouseout(function(){
			$("#dq02").removeClass("cur");
		});
		$('#dq_03').mouseover(function(){
			$("#dq03").addClass("cur");
		});
		$('#dq_03').mouseout(function(){
			$("#dq03").removeClass("cur");
		});
		$('#dq_04').mouseover(function(){
			$("#dq04").addClass("cur");
		});
		$('#dq_04').mouseout(function(){
			$("#dq04").removeClass("cur");
		});
		$('#dq_05').mouseover(function(){
			$("#dq05").addClass("cur");
		});
		$('#dq_05').mouseout(function(){
			$("#dq05").removeClass("cur");
		});
		
		$('#dq_06').mouseover(function(){
			$("#dq06").addClass("cur");
		});
		$('#dq_06').mouseout(function(){
			$("#dq06").removeClass("cur");
		});
		
		$('#dq_07').mouseover(function(){
			$("#dq07").addClass("cur");
		});
		$('#dq_07').mouseout(function(){
			$("#dq07").removeClass("cur");
		});
		
		//鼠标划过地区切换地图
		$('#dq01').mouseover(function(){
			$("#dq1").addClass("add_xj");
			$("#dq01").addClass("cur");
		});
		$('#dq01').mouseout(function(){
			$("#dq1").removeClass("add_xj");
			$("#dq01").removeClass("cur");
		});
		
		$('#dq02').mouseover(function(){
			$("#dq2").addClass("add_xz");
			$("#dq02").addClass("cur");
		});
		$('#dq02').mouseout(function(){
			$("#dq2").removeClass("add_xz");
			$("#dq02").removeClass("cur");
		});
		
		$('#dq03').mouseover(function(){
			$("#dq3").addClass("add_qh");
			$("#dq03").addClass("cur");
		});
		$('#dq03').mouseout(function(){
			$("#dq3").removeClass("add_qh");
			$("#dq03").removeClass("cur");
		});
		
		$('#dq04').mouseover(function(){
			$("#dq4").addClass("add_gs");
			$("#dq04").addClass("cur");
		});
		$('#dq04').mouseout(function(){
			$("#dq4").removeClass("add_gs");
			$("#dq04").removeClass("cur");
		});
		$('#dq05').mouseover(function(){
			$("#dq5").addClass("add_gs5");
			$("#dq05").addClass("cur");
		});
		$('#dq05').mouseout(function(){
			$("#dq5").removeClass("add_gs5");
			$("#dq05").removeClass("cur");
		});
		
		
		$('#dq06').mouseover(function(){
			$("#dq6").addClass("add_gs7");
			$("#dq06").addClass("cur");
		});
		$('#dq06').mouseout(function(){
			$("#dq6").removeClass("add_gs7");
			$("#dq06").removeClass("cur");
		});
		
		
		$('#dq07').mouseover(function(){
			$("#dq7").addClass("add_gs6");
			$("#dq07").addClass("cur");
		});
		$('#dq07').mouseout(function(){
			$("#dq7").removeClass("add_gs6");
			$("#dq07").removeClass("cur");
		});
	});