$(document).ready(function(){
	
	
	
	var cdu = $(".banner ul li").length;
	for(var k = 0;k < cdu; k++){
		$("<dd>"+k+"</dd>").appendto($(".banner dl"));
	}
	var dlddw = $(".banner dl dd").outerwidth(true);
	var marl = cdu * dlddw / 2;
	$(".banner dl").css({marginright:-marl});
	
	var pp = 0;
	var ll = 0;
	
	
	/****************下面三个参数值需一致********************/
	var oo = 0;  //0代表默认显示第一张，1代表默认显示第二张，2代表默认显示第三张.....以此类推
	$(".banner ul li").eq(0).fadein(1000);//eq(0)代表默认显示第一张，eq(1)代表默认显示第二张，eq(2)代表默认显示第三张.....以此类推
	$(".banner dl dd").eq(0).addclass("on");//eq(0)代表默认显示第一张，eq(1)代表默认显示第二张，eq(2)代表默认显示第三张.....以此类推
	/************************************/
	
	$(".banner dl dd").click(function(){
		$(this).siblings("dd").removeclass("on");
		$(this).addclass("on");
		var i = $(this).index();
		$(".banner ul li").fadeout(1500);
		$(".banner ul li").eq(i).fadein(1500);
		oo = i;
	});
	
	$(".banner .prev").click(function(){
		pp = oo;
		if(pp <= 0){
			pp = cdu;
		}
		pp--;
		$(".banner dl dd").removeclass("on");
		$(".banner dl dd").eq(pp).addclass("on");
		$(".banner ul li").fadeout(1500);
		$(".banner ul li").eq(pp).fadein(1500);
		ll = pp;
		oo = pp;
	}); 
	
	$(".banner .next").click(function(){
		ll = oo;
		if(ll >= cdu-1){
			ll = -1;
		}
		ll++;
		$(".banner dl dd").removeclass("on");
		$(".banner dl dd").eq(ll).addclass("on");
		$(".banner ul li").fadeout(1500);
		$(".banner ul li").eq(ll).fadein(1500);
		pp = ll;
		oo = ll;
	});
	
	sol = function(){
		if(oo >= cdu-1){
			oo = -1;
		}
		oo++;
		$(".banner dl dd").removeclass("on");
		$(".banner dl dd").eq(oo).addclass("on");
		$(".banner ul li").fadeout(1500);
		$(".banner ul li").eq(oo).fadein(1500);
		pp = oo
		
	}
	sert = setinterval(sol,3000);
	$(".banner").hover(function(){
		clearinterval(sert);
	},function(){
		sert = setinterval(sol,3000);
	});	
	
	
var th = $(".scroll ul li").length;
	if(th >= 5){
		var i = 1;
		var s = 15;
		var val = $(".scroll ul").html();
		$(val).appendto(".scroll ul");
		var h = $(".scroll ul li").outerwidth(true);
		var l = $(".scroll ul li").length;
		var scrollwidth = (h*l)/2;
		var appendlength = l/2;
		obj1 = function(){
			$(".scroll").scrollleft(i++);
			if(i >= scrollwidth){
				for(var j =0; j < appendlength;j++){
					$(".scroll ul li").eq(0).appendto(".scroll ul");
				}
				i = 0;
			}
		}
		tet = setinterval(obj1,s);
		
		$(".scroll").hover(function(){
			clearinterval(tet);
		},function(){
			tet = setinterval(obj1,s);
		}); 
	}
	
	$(".products .scroll ul li").hover(function(){
		$(this).addclass("on");
	},function(){
		$(this).removeclass("on");
	});

	
});