/*
1.显示main_image下的block,并将其透明度定义为0.85
2.点显示隐藏的按钮控制block显示和隐藏
3.点击右侧的小图片的li区域,设置取得某些变量
*/
$(function(){
	showImg(0)
	var index = 1;

	$('.slide li').hover(
		function(){
			index=$('.slide li').index(this);
			showImg(index);
			if(MyTime){clearInterval(MyTime);}
		},
		function(){
			index++;
			if(index>2){index=0;}
			MyTime = setInterval(function(){showImg(index);index++;if(index>2){index=0;}},6000);}
	);

	$('.slide li img').hover(
		function(){if(MyTime){clearInterval(MyTime);}},
		function(){MyTime = setInterval(function(){showImg(index);index++;if(index>2){index=0;}},6000);}
	);

	var MyTime = setInterval(function(){showImg(index);index++;if(index>2){index=0;}},6000);
})

function showImg(i){
	$(".main_image>img").hide();
	$(".main_image>img").eq(i).fadeIn(500);
	$(".slide li").eq(i).addClass("active").siblings().removeClass("active");
	//$(".main_image p a").eq(i).show().siblings().hide();
};