//页面加载完毕时执行
$(function(){
	
	//初次执行
	$(".adItem:not(:eq(0))").hide();
	rightEachFun(0,countNumber);
	
	//产品左移
	$(".marqueeLeft").click(function(){marquee_lt("proboxID");});
	//产品左移
	$(".marqueeRight").click(function(){marquee_rt("proboxID");});

	//首页产品滚动的宽度
	$("#proboxID ul").css("width",itemWidth * itemNumber);

});
	
/*************** 首页动画 ***************************/

//左边
$(".btnLeft").click(function(){
	//清除timeout事件
	if (timeTT != null){
		clearTimeout(timeTT);
	}
	leftEachFun(tempNumber,countNumber);
});

//右边
$(".btnRight").click(function(){
	//清除timeout事件
	if (timeTT != null){
		clearTimeout(timeTT);
	}
	rightEachFun(tempNumber,countNumber);
});

//动画 timeout事件 初始值
var timeTT = null;
var tempNumber ;

//左边
function leftEachFun(j,maxpic){
	//清除timeout事件
	if (timeTT != null){
		clearTimeout(timeTT);
	}
	//动画
	var i = j;
	if(j<=0){j=maxpic;}else{j--}
	
	//执行动画
	$(".adItem").eq(i).hide();
	$(".adItem").eq(j).show();	
	/*$(".adItem").eq(i).fadeOut(500);
	$(".adItem").eq(j).fadeIn(500);	*/
	
	//循环执行此动画
	timeTT = window.setTimeout(function(){
		rightEachFun(j,countNumber);			
	}, 5000); //动画执行间隔时间 最好 是 1000的倍数，要改动和下面的统一
	
	tempNumber = j ;
	
}

//右边
function rightEachFun(j,maxpic){
	//清除timeout事件
	if (timeTT != null){
		clearTimeout(timeTT);
	}
	//动画
	var i = j;
	if(j==(maxpic)){j=0;}else{j++}
	//执行动画
	$(".adItem").eq(i).hide();
	$(".adItem").eq(j).show();	
/*	$(".adItem").eq(i).fadeOut(500);
	$(".adItem").eq(j).fadeIn(500);	*/
	
	//循环执行此动画
	timeTT = window.setTimeout(function(){
		rightEachFun(j,countNumber);			
	}, 5000); //动画执行间隔时间 最好 是 1000的倍数，要改动和下面的统一
	
	tempNumber = j ;
	
}

/*************** 首页产品移动 ***************************/

//产品图片参数属性
var lastleft;
var lastend;
var interTime;
var itemWidth=142;
	
//左移动程序

function marquee_lt(objid){
	//清除定时器
	if(interTime){
	clearInterval(interTime);
	}
	//记录当前的左边滚动距离有多少
	obj = document.getElementById(objid);
	lastleft = obj.scrollLeft - itemWidth ;
	if (lastleft < 0){
		lastleft = 0 ;
	}
	//执行动画过渡移动
	interTime = window.setInterval('marquee_left("'+objid+'")',10);	
		
}

function marquee_left(obj){
	obj = document.getElementById(obj);
	thisleft = obj.scrollLeft;
	if (thisleft > lastleft ){
			var percent;
			percent = 0.1*(thisleft-lastleft);
			
			if(percent > 0){
			percent=Math.ceil(percent); 
			}else {
				percent=Math.floor(percent);
			}

			obj.scrollLeft -= percent ;
			//左移		
		}else{
		clearInterval(interTime);
	}
}


//右移动程序
function marquee_rt(objid){
		if(interTime){
		clearInterval(interTime);
		}
		obj = document.getElementById(objid);
		lastend = obj.scrollLeft + itemWidth;
		if ( lastend > itemWidth * itemNumber ){
			lastend = itemWidth * itemNumber ;
		}
		interTime = window.setInterval('marquee_right("'+objid+'")',10);	
}

function marquee_right(obj){
	obj = document.getElementById(obj);
	thisleft = obj.scrollLeft;
	if (thisleft < lastend ){
			var percent;
			percent = 0.1*(lastend - thisleft);
			
			if(percent > 0){
			percent=Math.ceil(percent); 
			}else {
				percent=Math.floor(percent);
			}

			obj.scrollLeft += percent ;
			//右移		
		}else{
		clearInterval(interTime);
	}
}