﻿	function clsCreateXMoveObj(coverId , distance , speed)
	{
		var imgMarginX = 10 ;//图片横向margin
		var imgMarginY = 2 ;//图片纵向margin
		var moveDistance ;//单次移动距离(负数为向左移动)
		var moveSpeed ;//移动速度
		
		var nowPosition = 0 ;
		var moveFlg = true ;
		
		//初始化图片位置及图片
		this.initPosition = function(coverId)
		{
			moveDistance = distance ;//单次移动距离初始化
			moveSpeed = speed ;//移动速度初始化
			imgCoverDiv = document.getElementById(coverId) ;
			imgboxDiv = imgCoverDiv.getElementsByTagName("DIV")[0];
			imgDivs = imgboxDiv.getElementsByTagName("DIV") ;
			var imgDivNum = imgDivs.length ;
			
			
			//取得图片大小及高度
			imgDivWidth = imgDivs[0].offsetWidth ;
			imgDivHeight = imgDivs[0].offsetHeight ;
			//取得图片坐标
			var cloneHtmlHead = "" ;
			var cloneHtmlFoot = "" ;
			for(var x=0;x<imgDivs.length;x++)
			{
				imgDivs[x].style.left = x*imgDivWidth + (x+1)*imgMarginX + "px" ;
				imgDivs[x].style.top = imgMarginY + "px" ;
				cloneHtmlHead = cloneHtmlHead  + "<div class=\"img\" style=\"left:" + (-(imgDivNum-x)* imgDivWidth - (imgDivNum-x-1)*imgMarginX) + "px;top:" + imgMarginY + "px;\">" 
							+ imgDivs[x].innerHTML + "</div>" ;
				cloneHtmlFoot = cloneHtmlFoot + "<div class=\"img\" style=\"left:" + eval((x+imgDivNum)* imgDivWidth + (x+imgDivNum+1)*imgMarginX) 
							+ "px;top:" + imgMarginY + "px;\">" + imgDivs[x].innerHTML + "</div>" 
			}
			imgboxDiv.innerHTML = cloneHtmlHead + imgboxDiv.innerHTML + cloneHtmlFoot;
			//图片BOX高度设定
			imgboxDiv.style.height = imgDivHeight + 2*imgMarginY + "px" ;
		}
		var LeftOrRightMove = function ()
		{
			//左右移动用函数
			if(moveFlg){
				imgboxDiv.style.left = nowPosition + moveDistance + "px" ;
				nowPosition += moveDistance ;
				if(moveSpeed > 0){
					if(Math.abs(nowPosition-moveDistance) >= Math.abs(imgDivs[0].style.left.replace(/px/i,'') )){
						nowPosition = 0 ;
					}
				}else{
					if(Math.abs(nowPosition-moveDistance) >= Math.abs(imgDivs[imgDivs.length-1].style.left.replace(/px/i,'') )){
						nowPosition = 0 ;
					}
				}				
					setTimeout(LeftOrRightMove , moveSpeed);
			}
		}
		
		function setNoMoveFlg(){
			moveFlg = false ;
		}
		
		function setGoMoveFlg(){
			moveFlg = true ;
			LeftOrRightMove();
		}

		var imgCoverDiv ;//遮罩DIV对象
		var imgboxDiv ;//图片外框DIV
		var imgDivs ;//图片DIV
		var imgDivNum ;//初始图片张数
		var imgDivWidth ;//图片宽度变量
		var imgDivHeight ;//图片高度变量
		
		
		this.initPosition(coverId);
		LeftOrRightMove();
		imgboxDiv.onmouseover = setNoMoveFlg ;
		imgboxDiv.onmouseout = setGoMoveFlg ;
	}


	function clsCreateYMoveObj(coverId , distance , speed)
	{
		var imgMarginX = 2 ;//图片横向margin
		var imgMarginY = 2 ;//图片纵向margin
		var moveDistance ;//单次移动距离(负数为向上移动)
		var moveSpeed ;//移动速度
		
		var moveFlg = true ;
		var nowPosition = 0 ;
		
		//初始化图片位置及图片
		this.initPosition = function(coverId)
		{
			moveDistance = distance ;//单次移动距离初始化
			moveSpeed = speed ;//移动速度初始化
			imgCoverDiv = document.getElementById(coverId) ;
			imgboxDiv = imgCoverDiv.getElementsByTagName("DIV")[0];
			imgDivs = imgboxDiv.getElementsByTagName("DIV") ;
			var imgDivNum = imgDivs.length ;
			
			
			//取得图片大小及高度
			imgDivWidth = imgDivs[0].offsetWidth ;
			imgDivHeight = imgDivs[0].offsetHeight ;
			//取得图片坐标
			var cloneHtmlHead = "" ;
			var cloneHtmlFoot = "" ;
			for(var x=0;x<imgDivs.length;x++)
			{
				//imgDivs[x].style.left = x*imgDivWidth + (x+1)*imgMarginX + "px" ;
//				imgDivs[x].style.top = imgMarginY + "px" ;
				imgDivs[x].style.top = x*imgDivHeight + (x+1)*imgMarginY + "px" ;
				imgDivs[x].style.left = imgMarginX + "px" ;
				cloneHtmlHead = cloneHtmlHead + "<div class=\"img\" style=\"top:" + (-(imgDivNum-x)* imgDivHeight - (imgDivNum-x-1)*imgMarginY) + "px;left:" + imgMarginX + "px;\">" 
							+ imgDivs[x].innerHTML + "</div>" ;
				cloneHtmlFoot = cloneHtmlFoot + "<div class=\"img\" style=\"top:" + eval((x+imgDivNum)* imgDivHeight + (x+imgDivNum+1)*imgMarginY) 
							+ "px;left:" + imgMarginX + "px;\">" + imgDivs[x].innerHTML + "</div>" 
			}
			imgboxDiv.innerHTML = cloneHtmlHead + imgboxDiv.innerHTML + cloneHtmlFoot;
			//图片BOX宽度设定
			imgboxDiv.style.width = imgDivWidth + 2*imgMarginX + "px" ;
		}
		var UpOrDownMove = function ()
		{
			//上下移动用函数
			if(moveFlg){
				imgboxDiv.style.top = nowPosition + moveDistance + "px" ;
				nowPosition += moveDistance ;
				if(moveSpeed > 0){
					if(Math.abs(nowPosition-moveDistance) >= Math.abs(imgDivs[0].style.top.replace(/px/i,'') )){
						nowPosition = 0 ;
					}
				}else{
					if(Math.abs(nowPosition-moveDistance) >= Math.abs(imgDivs[imgDivs.length-1].style.top.replace(/px/i,'') )){
						nowPosition = 0 ;
					}
				}
				
				setTimeout(UpOrDownMove , moveSpeed);
			}
		}
		
		function setNoMoveFlg(){
			moveFlg = false ;
		}
		
		function setGoMoveFlg(){
			moveFlg = true ;
			UpOrDownMove();
		}

		var imgCoverDiv ;//遮罩DIV对象
		var imgboxDiv ;//图片外框DIV
		var imgDivs ;//图片DIV
		var imgDivNum ;//初始图片张数
		var imgDivWidth ;//图片宽度变量
		var imgDivHeight ;//图片高度变量
		
		
		
		this.initPosition(coverId);
		UpOrDownMove();
		imgboxDiv.onmouseover = setNoMoveFlg ;
		imgboxDiv.onmouseout = setGoMoveFlg ;
		
		
	}
