$(function () {
	$(".button").click(function () {
		$("#navbar").slidetoggle("slow");
	});
});
$(function(){

	/*第四屏变形展示*/
	//box4_1
	$(".lest4 .box4_1").mouseover(function(event){
		$(".box4_1").stop(true,true).animate({width:"6rem",height:"4.8rem",left:"0rem",top:"0rem"},500);
		$(".box4_2").stop(true,true).animate({width:"3rem",height:"2.4rem",left:"6rem",top:"0rem"},500);
		$(".box4_3").stop(true,true).animate({width:"3rem",height:"2.4rem",left:"9rem",top:"0rem"},500);
		$(".box4_4").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"6rem",top:"2.4rem"},500);
		$(".box4_5").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"8rem",top:"2.4rem"},500);
		$(".box4_6").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"10rem",top:"2.4rem"},500);
		for(i=1;i<7;i++){$(".box4_"+i).find("img").css({"height":"100%"});}
		event.stoppropagation();    //  阻止事件冒泡
	});
	$(".box4_1").mouseout(function(event){
		$(".box4_1").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"0rem",top:"0rem"},500);
		$(".box4_2").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"4rem",top:"0rem"},500);
		$(".box4_3").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"8rem",top:"0rem"},500);
		$(".box4_4").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"0rem",top:"2.4rem"},500);
		$(".box4_5").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"4rem",top:"2.4rem"},500);
		$(".box4_6").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"8rem",top:"2.4rem"},500);
		$(".top4_lest_comm").find("img").css({"height":"auto"});
	});

	//box4_2
	$(".box4_2").mouseover(function(event){
		$(".box4_2").stop(true,true).animate({width:"6rem",height:"4.8rem",left:"3rem",top:"0rem"},500);
		$(".box4_1").stop(true,true).animate({width:"3rem",height:"2.4rem",left:"0rem",top:"0rem"},500);
		$(".box4_3").stop(true,true).animate({width:"3rem",height:"2.4rem",left:"9rem",top:"0rem"},500);
		$(".box4_4").stop(true,true).animate({width:"1.5rem",height:"2.4rem",left:"0rem",top:"2.4rem"},500);
		$(".box4_5").stop(true,true).animate({width:"1.5rem",height:"2.4rem",left:"1.5rem",top:"2.4rem"},500);
		$(".box4_6").stop(true,true).animate({width:"3rem",height:"2.4rem",left:"9rem",top:"2.4rem"},500);
		for(i=1;i<7;i++){$(".box4_"+i).find("img").css({"height":"100%"});}
		event.stoppropagation();    //  阻止事件冒泡

	});
	$(".lest4 .box4_2").mouseout(function(event){
		$(".box4_1").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"0rem",top:"0rem"},500);
		$(".box4_2").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"4rem",top:"0rem"},500);
		$(".box4_3").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"8rem",top:"0rem"},500);
		$(".box4_4").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"0rem",top:"2.4rem"},500);
		$(".box4_5").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"4rem",top:"2.4rem"},500);
		$(".box4_6").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"8rem",top:"2.4rem"},500);
		$(".top4_lest_comm").find("img").css({"height":"auto"});
	});

	//box4_3
	$(".lest4 .box4_3").mouseover(function(event){
		$(".box4_3").stop(true,true).animate({width:"6rem",height:"4.8rem",left:"6rem",top:"0rem"},500);
		$(".box4_1").stop(true,true).animate({width:"3rem",height:"2.4rem",left:"0rem",top:"0rem"},500);
		$(".box4_2").stop(true,true).animate({width:"3rem",height:"2.4rem",left:"3rem",top:"0rem"},500);
		$(".box4_4").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"0rem",top:"2.4rem"},500);
		$(".box4_5").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"2rem",top:"2.4rem"},500);
		$(".box4_6").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"4rem",top:"2.4rem"},500);
		for(i=1;i<7;i++){$(".box4_"+i).find("img").css({"height":"100%"});}
		event.stoppropagation();    //  阻止事件冒泡

	});
	$(".box4_3").mouseout(function(event){
		$(".box4_1").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"0rem",top:"0rem"},500);
		$(".box4_2").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"4rem",top:"0rem"},500);
		$(".box4_3").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"8rem",top:"0rem"},500);
		$(".box4_4").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"0rem",top:"2.4rem"},500);
		$(".box4_5").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"4rem",top:"2.4rem"},500);
		$(".box4_6").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"8rem",top:"2.4rem"},500);
		$(".top4_lest_comm").find("img").css({"height":"auto"});
	});

	//box4_4
	$(".lest4 .box4_4").mouseover(function(event){
		$(".box4_4").stop(true,true).animate({width:"6rem",height:"4.8rem",left:"0rem",top:"0rem"},500);
		$(".box4_5").stop(true,true).animate({width:"3rem",height:"2.4rem",left:"6rem",top:"2.4rem"},500);
		$(".box4_6").stop(true,true).animate({width:"3rem",height:"2.4rem",left:"9rem",top:"2.4rem"},500);
		$(".box4_1").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"6rem",top:"0rem"},500);
		$(".box4_2").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"8rem",top:"0rem"},500);
		$(".box4_3").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"10rem",top:"0rem"},500);
		for(i=1;i<7;i++){$(".box4_"+i).find("img").css({"height":"100%"});}
		event.stoppropagation();    //  阻止事件冒泡
	});
	$(".box4_4").mouseout(function(event){
		$(".box4_1").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"0rem",top:"0rem"},500);
		$(".box4_2").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"4rem",top:"0rem"},500);
		$(".box4_3").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"8rem",top:"0rem"},500);
		$(".box4_4").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"0rem",top:"2.4rem"},500);
		$(".box4_5").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"4rem",top:"2.4rem"},500);
		$(".box4_6").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"8rem",top:"2.4rem"},500);
		$(".top4_lest_comm").find("img").css({"height":"auto"});
	});

	//box4_5
	$(".box4_5").mouseover(function(event){
		$(".box4_5").stop(true,true).animate({width:"6rem",height:"4.8rem",top:"0rem"},500);
		$(".box4_4").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"0rem",top:"2.4rem"},500);
		$(".box4_6").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"10rem",top:"2.4rem"},500);
		$(".box4_1").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"0rem",top:"0rem"},500);
		$(".box4_2").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"2rem",top:"0rem"},500);
		$(".box4_3").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"10rem",top:"0rem"},500);
		for(i=1;i<7;i++){$(".box4_"+i).find("img").css({"height":"100%"});}
		event.stoppropagation();    //  阻止事件冒泡
	});
	$(".lest4 .box4_5").mouseout(function(event){
		$(".box4_1").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"0rem",top:"0rem"},500);
		$(".box4_2").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"4rem",top:"0rem"},500);
		$(".box4_3").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"8rem",top:"0rem"},500);
		$(".box4_4").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"0rem",top:"2.4rem"},500);
		$(".box4_5").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"4rem",top:"2.4rem"},500);
		$(".box4_6").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"8rem",top:"2.4rem"},500);
		$(".top4_lest_comm").find("img").css({"height":"auto"});
	});

	//box4_6
	$(".box4_6").mouseover(function(event){
		$(".box4_6").stop(true,true).animate({width:"6rem",height:"4.8rem",left:"6rem",top:"0rem"},500);
		$(".box4_4").stop(true,true).animate({width:"3rem",height:"2.4rem",left:"0rem",top:"2.4rem"},500);
		$(".box4_5").stop(true,true).animate({width:"3rem",height:"2.4rem",left:"3rem",top:"2.4rem"},500);
		$(".box4_1").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"0rem",top:"0rem"},500);
		$(".box4_2").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"2rem",top:"0rem"},500);
		$(".box4_3").stop(true,true).animate({width:"2rem",height:"2.4rem",left:"4rem",top:"0rem"},500);
		for(i=1;i<7;i++){$(".box4_"+i).find("img").css({"height":"100%"});}
		event.stoppropagation();    //  阻止事件冒泡
	});
	$(".lest4 .box4_6").mouseout(function(event){
		$(".box4_1").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"0rem",top:"0rem"},500);
		$(".box4_2").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"4rem",top:"0rem"},500);
		$(".box4_3").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"8rem",top:"0rem"},500);
		$(".box4_4").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"0rem",top:"2.4rem"},500);
		$(".box4_5").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"4rem",top:"2.4rem"},500);
		$(".box4_6").stop(true,true).animate({width:"4rem",height:"2.4rem",left:"8rem",top:"2.4rem"},500);
		$(".top4_lest_comm").find("img").css({"height":"auto"});
	});


	$(".itable").hide();
	$(".imap").hover(function(){
		$(".itable").show();
	})
});