var t = n = 0, count = $("#play_list a").size();
$(function(){
    //滚动
    doScroll($(".Lmove").eq(0),$(".Rmove").eq(0),$(".scrollInner").eq(0));
	doScroll($(".Lmove").eq(1),$(".Rmove").eq(1),$(".scrollInner").eq(1));
	//图片轮显
	$("#play_list a:not(:first-child)").hide();
	$("#play_text li:first-child").css({"background":"#8e2823",'color':'#fff'});
	$("#play_text li").click(function() {
		var i = $(this).text() - 1;
		n = i;
		if (i >= count) return;
		$("#play_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
		$(this).css({"background":"#8e2823",'color':'#fff'}).siblings().css({"background":"#4e4e4e",'color':'#ffffff'});
	});
	t = setInterval("showAuto()", 3000);
	$("#play").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 3000);});
})
function showAuto()
{
	n = n >= (count - 1) ? 0 : ++n;
	$("#play_text li").eq(n).trigger('click');
}

function doScroll(objL,objR,objInner)
{
//图片滚动
//完成动画所需时间
var timeVal;  
//每像素需要移动的毫秒数 
var pxVal = 5;
//第一屏显示的图片数
var firstPicNum = 3;
//一张图片加上左或右MARGIN的宽度
var onePicLen = 128;

function moveLR()
{      
    var liArrLength = 6;
    timeVal = 256 * pxVal;
    moveY((2 * onePicLen).toString() + "px");    
}

function moveY(len)
{
    //初始化marginLeft，以便能获取到值
    objInner.css("marginLeft","0px");

    objL.bind("mouseover", function(){
        timeVal = -parseInt(objInner.css("marginLeft").replace(/px/g,""), 10) * pxVal;
        objInner.animate({ marginLeft: '0px' },timeVal,myfunc(len));
        objR.css("backgroundPosition","0 -322px");
    }); 
    objR.bind("mouseover", function(){
        timeVal = (parseInt(len.replace(/px/g,""), 10) + parseInt(objInner.css("marginLeft").replace(/px/g,""), 10)) * pxVal;
        objInner.animate({ marginLeft: "-" + len },timeVal,myfunc(len));
        objL.css("backgroundPosition","0 -483px");
    }); 
    
	objL.bind("mouseout", function(){objInner.stop();});
    objR.bind("mouseout", function(){objInner.stop();});
}
function myfunc(len)
{
    return function()
    {
        if(-parseInt(objInner.css("marginLeft").replace(/px/g,""), 10).toString() + "px" == len)
        {
            objR.css("backgroundPosition","0 -161px");
        }
        else if (-parseInt(objInner.css("marginLeft").replace(/px/g,""), 10).toString()+ "px" == '0px')
        {
            objL.css("backgroundPosition","0 0");
        }
    }
}

moveLR();
}

