// JavaScript Document By Trance

$(document).ready(function(){
						   
var t=false; //定时器
var time=4000; //切换间隔
var speed=300; //滚动时间
var fot=100; //淡出时间
var fin=100; //淡入时间
var i=0; //起始序列						   
var len=$("#shpssl li").length; //滚动内容个数
var wh=660; //每个滚动内容的宽度

$("#shpss").css({"width": wh*len + "px"});
//标记当前					   
function cur(ele,currentClass){
	ele= $(ele)? $(ele):ele;
	ele.addClass(currentClass).siblings().removeClass(currentClass);
	}
	
	$("#shpssvp").click(function(){
		roll(-1);		
		})
    
	$("#shpssvn").click(function(){
		roll(1);		
		})	
	
	$("#shpssl li").mouseover(function(){
		checkfade();
		i=$("#shpssl li").index($(this)[0]);
		if(!$(this).hasClass("cur")){
			fade(i);
			}		
		cur(this,"cur");		
		})
	//滚动函数
	function roll(j){
		checkroll();
		if(!$("#shpss").is(":animated")){
			i+=j;					
			if(i!=-1 && i!=len){						
				$("#shpss").animate({"left" : -(wh*i)+"px"},speed);
				//cur($("#list li").eq(i) , "cur");						
				}else if(i==-1){
					i=len-1;
					$("#shpss").css({"left" : -(wh*(i-1))+"px"});
					$("#shpss").animate({"left" : -(wh*i)+"px"},speed);
					//cur($("#list li").eq(i) , "cur");
					}else if(i==len){								
						i=0;
						$("#shpss").css({"left" : -wh+"px"});
						$("#shpss").animate({"left" : 0+"px"},speed);
						}	
			cur($("#shpssl li").eq(i) , "cur");
			
			
			//By MHT Begin
			var b_width=0;
			var a_width=0;
			var c_width=0;
			
			for(_i=0;_i<i;_i++)
			{
			    b_width+=$("#shpssl li").eq(_i).outerWidth();
			}
			
			c_width=$("#shpssl li").eq(i).outerWidth();
			
			a_width=b_width+c_width;
			
			if(a_width>600)
			{
			    
                //$("#shpssl").animate({marginLeft:(600-a_width)},500);
                $("#shpssl").css('margin-left',(600-a_width));
                
			}
			else
			{
			    
			    $("#shpssl").css('margin-left',0);
			}
			//By MHT end
			
			}			
		}
		
	//Fade 函数
	function fade(k){
		checkfade();
		$("#shpss").find("li:visible").fadeOut(fot,function(){
			$("#shpss").find("li").eq(k).fadeIn(fin)
			})
		}
		
	//检查并且初始化滚动
	function checkroll(){		
		if($("#shpss").find(".hide").html()){
			//alert("执行了 checkroll 函数"+index);
			$("#shpss").find("li").removeClass("hide").show();
			$("#shpss").css({"left" : -(wh*i)+"px"});
			}
		}
	//检查并且初始化Fade	
	function checkfade(){
		if(!$("#shpss").find(".hide").html()){
			//alert("执行了 checkfade 函数");
			$("#shpss").find("li").not($("#info").find("li").eq(i)).addClass("hide");
			$("#shpss").css({"left" : 0+"px"});
			}
		}
	
	//自动执行
	function setInt(){
		t=setInterval(function(){roll(1)},time);
		}
	function clearInt(){
		if(t) clearInterval(t);
		}
		
	$(".slideshow_c").hover(
		function(){ clearInt() },
		function(){ setInt() }
		)	
	
	//响应键盘
	$(document).keydown(function(event){ 
		event = event || window.event;
		if(event.keyCode==38 || event.keyCode==37){	
			clearInt();
			roll(-1);
			setInt();
			};
		if(event.keyCode==40 || event.keyCode==39){			
			clearInt();
			roll(1);
			setInt();
			};	
		})
	
	//开始自动
	setInt();	
	
	})