// JavaScript Document
var wid
var i=0 //当前是第几个
var n
function autoPlay() {
	$(".scrollArea").stop(true,true)
	$(".scrollArea").animate({scrollLeft:980*i},1000);
    $(".square li").removeClass("current")
	$($(".square li")[i]).addClass("current")
	$(".square li").css("top",280)
	$($(".square li")[i]).css("top",280)
	i++
	if(i>=n) i = 0
}
// ==========自动播放end========================

// ==========初始化start========================
 $(function (){
    n = $(".square li").size()
	$(".pic").css("width",n * 980)
	$(".square li:first").addClass("current")
	$(".square").show()
    $(".square li").each(function(i){
        $(this).css("right",(n-i)*20)
		$(this).css("top",280)
     });
	$(".square li:first").css("top",280)
// ==========初始化end========================
// ==========划过播放start========================
    $(".square li").hover(
		function () {
	    $(".pic").stop();
        $(".square li").removeClass("current")
		$(this).addClass("current")
		$(".square li").css("top",280)
		$(this).css("top",280)
		var n = $(this).index()
		$(".scrollArea").stop(true,true)
		$(".scrollArea").animate({scrollLeft:980*n},1000);
		i = n
		window.clearInterval(wid)
        },
		function () {
		  wid = window.setInterval("autoPlay()",5000)
		}  
	  )
// ==========划过播放end========================
	wid = window.setInterval("autoPlay()",5000)//首次启动自动播放
 })