$("document").ready(function(){
	/***不需要自动滚动，去掉即可***/
	var $window = $(window);
	window_width = $window.width();
    arrow($('.htmlpic1,.htmlpic2'),$('.htmlpic1'),$('.htmlpic2'),$('.picListBd2'),$('.picListBd2 ul'),$('.P_L'),$('.P_R'),836);
 function arrow(a,b,c,d,e,f,g,widthArrow){
//	var  $htmlpicA1_htmlpicA2= $('.htmlpicA1,.htmlpicA2');
//	var  $htmlpicA1= $('.htmlpicA1');
//	var  $htmlpicA2= $('.htmlpicA2');
//	var  $casePicUlIdBox= $('.casePicUlIdBox');
//	var  $casePicUlIdBox_ul= $('.casePicUlIdBox ul');
//	var  $caseLeft = $('.caseLeft');
//	var  $caseRight = $('.caseRight');
	
	var  $htmlpicA1_htmlpicA2= a;
	var  $htmlpicA1= b;
	var  $htmlpicA2= c;
	var  $casePicUlIdBox= d;
	var  $casePicUlIdBox_ul= e;
	var  $caseLeft = f;
	var  $caseRight = g;
	
	
	var time = window.setInterval(function(){
		$caseRight.click();	
	},5000);
	$casePicUlIdBox.mouseover(function() {		   
			clearInterval(time);
		});
	$casePicUlIdBox.mouseout(function(){	
		  time = window.setInterval(function(){
			$caseRight.click();	
		 },5000);
	});
	
	$caseLeft.mouseover(function() {
			clearInterval(time);
		});
	$caseLeft.mouseout(function(){
		  time = window.setInterval(function(){
			$caseLeft.click();	
		 },5000);
	});
	
	$caseRight.mouseover(function() {
			clearInterval(time);
		});
	$caseRight.mouseout(function(){
		  time = window.setInterval(function(){
			$caseRight.click();	
		 },5000);
	});
	/***不需要自动滚动，去掉即可***/

	
	var  hA = $casePicUlIdBox_ul.width();
	var  pagetotalA= $casePicUlIdBox_ul.length;
    var  wA = pagetotalA*hA;	
	
	
	
	$casePicUlIdBox.css("width",pagetotalA*hA+"px");
	$htmlpicA2.html($htmlpicA1.html());//复制内容;
    
	$caseLeft.bind('click',upwardsfnA);
	$caseRight.bind('click',downfnA);	
	
	
	function upwardsfnA(){
	
		if($htmlpicA1_htmlpicA2.is(':animated')){
			$htmlpicA1_htmlpicA2.stop(true,true);
		}
		if($casePicUlIdBox_ul.length>1){
			mlA = parseInt($htmlpicA1.css('left'));
			slA = parseInt($htmlpicA2.css('left'));
			if(mlA<=0 && mlA>wA*-1){
				$htmlpicA2.css({left: wA * -1 + 'px'});
				$htmlpicA1.animate({left: mlA + widthArrow + 'px'},'slow');				
				if(mlA==0){
					$htmlpicA2.animate({left: (wA - widthArrow) * -1 + 'px'},'slow');
				}
			}else{
				$htmlpicA1.css({left: wA * -1 + 'px'});
				$htmlpicA2.animate({left: slA + widthArrow + 'px'},'slow');
				if(slA==0){
					 $htmlpicA1.animate({left: mlA + widthArrow + 'px'},'slow');
				}
			}
		}
	}
	function downfnA(){
	  
		if($htmlpicA1_htmlpicA2.is(':animated')){
			$htmlpicA1_htmlpicA2.stop(true,true);
		}
		if($casePicUlIdBox_ul.length>1){//多于4张图片
			mlA = parseInt($htmlpicA1.css('left'));//默认图片ul位置
			slA = parseInt($htmlpicA2.css('left'));//交换图片ul位置
			if(mlA<=0 && mlA>wA*-1){//默认图片显示时
				$htmlpicA2.css({left: widthArrow+'px'});//交换图片放在显示区域右侧
				$htmlpicA1.animate({left: mlA - widthArrow + 'px'},'slow');//默认图片滚动				
				if(mlA==(wA - widthArrow )*-1){//默认图片最后一屏时
					$htmlpicA2.animate({left: '0px'},'slow');//交换图片滚动
				}
			}else{//交换图片显示时
				$htmlpicA1.css({left: widthArrow+'px'})//默认图片放在显示区域右
				$htmlpicA2.animate({left: slA - widthArrow + 'px'},'slow');//交换图片滚动
				if(slA==(wA - widthArrow )*-1){//交换图片最后一屏时
					$htmlpicA1.animate({left: '0px'},'slow');//默认图片滚动
				}
			}
		}

	}
 }		

});