﻿$(function(){
	var current_index = 0; //当前播放的图片索引
	var len = $('div.main_list').find("li").length;
	
	$(".left_btn").css("display","none");
	$(".right_btn").css("display","none");
	$(".control a").css("display","none");
	$(".main").hover(function(){
			$(".left_btn").css("display","block");
			$(".right_btn").css("display","block");
			$(".control a").css("display","block");
			
		},function(){			
			$(".left_btn").css("display","none");
			$(".right_btn").css("display","none");
			$(".control a").css("display","none");
	});
	
	//向右滚动动画
	function play_pic_right(i){//播放第i张
		//alert(i);
		current_index = i;
		$('div.main_list').animate({ left : -width_w*i}, "slow");
		$(".control a").eq(current_index).addClass("a_hover").siblings().removeClass("a_hover");
	}
	function play_pic_left(i){//播放第i张
		//alert(i);
		current_index = i;
		$('div.main_list').animate({ left : +width_w*i}, "slow");
		$(".control a").eq(current_index).addClass("a_hover").siblings().removeClass("a_hover");
	}


	setInterval(function(){
		var timer=play_pic_right((current_index+1) % len);
		clearInterval(timer);
	},4000);


	//点击小图标显示相应图片
	var width_w=$('div.main').width();
	$(".control a").click(function(){
		var index=$(this).index();
		play_pic_right(index);
		return false;
	});
    //向右点击触发事件
    $(".right_btn > a").click(function(){    //绑定click事件
		play_pic_right((current_index + 1) % len);
		return false;
	});
	//向左点击触发事件
    $(".left_btn > a").click(function(){   //绑定click事件
		play_pic_left((current_index - 1) % len);
		return false;
    });	
	
	//不是第一个的li添加class
	$(".sort div:not(:first)").addClass("sort_margin");
	
	//产品图片最后一个修改
	$(".product div:last").removeClass("p_list p_margin").addClass("p_list p_margin1");
	return false;
});
