var productTimerID;
var productObj;
var productCount=0;
var productUnitWidth=80;
//var productAllPage=0;
//var productNowPage=0;
var productLock=false;
var productImgObj;
var productItemPerPage=5;
var productAvailWidth=productUnitWidth*productItemPerPage;
var productMovingLength;
var productObjs;

function initProduct(id,img)
{
	productObj=document.getElementById(id);	
	productImgObj=document.getElementById(img);	
	productObjs=productObj.getElementsByTagName("DIV")
	productCount=productObjs.length;	
	productObj.style.width=productCount*productUnitWidth+'px';
//	productAllPage=Math.ceil(productCount/productItemPerPage);
//	productNowPage=1;
	//alert(productObjs[0].clientWidth);

}

function productMoveLeft()
{
	/*if(!productLock)
	{
		productStopMove();
		if(productAllPage > productNowPage)
		{
			productLock=true;
			productNowPage++;	
			productTimerID=setInterval("productStartMove("+(parseInt(productObj.style.left.slice(0,-2))-(productItemPerPage*productUnitWidth))+",'left')",5);
		}
	}*/
	if(!productLock && productCount>productItemPerPage)
	{
		productStopMove();
		productLock=true;	
		productMovingLength=productAvailWidth;
		productTimerID=setInterval("productStartMove('left')",5);
	}
}
function productMoveRight()
{	
	/*if(!productLock)
	{
		productStopMove();		
		if(productNowPage > 1)
		{
			productLock=true;
			productNowPage--;
			productTimerID=setInterval("productStartMove("+(parseInt(productObj.style.left.slice(0,-2))+(productItemPerPage*productUnitWidth))+",'right')",5);
		}
	}*/
	if(!productLock && productCount>productItemPerPage)
	{
		productStopMove();		
		productLock=true;
		productMovingLength=productAvailWidth;
		productTimerID=setInterval("productStartMove('right')",5);
	}
}
function productStopMove()
{
	clearInterval(productTimerID);	
}
function productStartMove(/*newPosition,*/move)
{	
	/*var nowPosition=parseInt(productObj.style.left.slice(0,-2));
	
	var diff=Math.abs(newPosition-nowPosition);
	var rate=0;
	
	if(diff > 300)
	{
		rate=20;
	}
	else if(diff > 150)
	{
		rate=10;
	}
	else if(diff > 60)
	{
		rate=5;
	}
	else if(diff > 20)
	{
		rate=2;
	}
	else if(diff >= 0)
	{
		rate=1;
	}
	
	if(nowPosition!=newPosition)
	{		
		if(move=='right')
		{
			productObj.style.left=(nowPosition+rate)+'px';
		}
		else if(move=='left')
		{
			productObj.style.left=(nowPosition-rate)+'px';
		}
	}
	else
	{
		productStopMove();
		productLock=false;
		
		var tmp=productObj.getElementsByTagName("DIV")[(productNowPage-1)*productItemPerPage].getElementsByTagName("a")[0].getAttributeNode("onmouseover").nodeValue;
		var tmp_arr=tmp.split(",");
		var tmp_img=tmp_arr[1].slice(1,-1);
		var tmp_alt=tmp_arr[2].slice(1,-2);
		
		showProductImg(productObj.getElementsByTagName("DIV")[(productNowPage-1)*productItemPerPage].getElementsByTagName("a")[0],tmp_img,tmp_alt);
	}*/
	var nowPosition=parseInt(productObj.style.left.slice(0,-2));
	var rate=0;
	
	if(productMovingLength > 200)
	{
		rate=20;
	}
	else if(productMovingLength > 80)
	{
		rate=10;
	}
	else if(productMovingLength > 10)
	{
		rate=5;
	}
	else if(productMovingLength > 0)
	{
		rate=1;
	}

	if(productMovingLength>0)
	{		
		productMovingLength-=rate;
		if(move=='right')
		{
			if(nowPosition==0)
			{
				var newNode=productObjs[productCount-1].cloneNode(true);
				productObj.insertBefore(newNode,productObjs[0]);
				productObj.removeChild(productObjs[productCount]);
					
				nowPosition=-productUnitWidth;
				productObj.style.left=nowPosition+'px';
			}
			
			productObj.style.left=(nowPosition+rate)+'px';
		}
		else if(move=='left')
		{
			if(nowPosition==(-productUnitWidth))
			{
				nowPosition=0;
				productObj.style.left=0+'px';
				var newNode=productObjs[0].cloneNode(true);
				productObj.appendChild(newNode);
				productObj.removeChild(productObjs[0]);
			}
			productObj.style.left=(nowPosition-rate)+'px';
		}
	}
	else
	{
		if(move=='left')
		{
			var newNode=productObjs[0].cloneNode(true);
			productObj.appendChild(newNode);
			productObj.removeChild(productObjs[0]);
			productObj.style.left=0+'px';
		}
		
		productStopMove();		
		productLock=false;
		
		//var order=parseInt(productObjs[0].id.slice(2));
		setIndexProduct();
	}
}

function setIndexProduct()
{
	var tmp=productObjs[0].getElementsByTagName("a")[0].getAttributeNode("onmouseover").nodeValue;
	var tmp_arr=tmp.split(",");
	var tmp_img=tmp_arr[1].slice(1,-1);
	var tmp_alt=tmp_arr[2].slice(1,-2);
	
	showProductImg(productObjs[0].getElementsByTagName("a")[0],tmp_img,tmp_alt);
}

function showProductImg(obj,image,alt)
{
	changeProductClassName(obj);
	var img = new Image();
	img.src = image;
	img.alt = alt;
	img.onerror = function(){ this.style.display = 'none' }
	productImgObj.onclick = function(){ location.href = obj.href };
	productImgObj.onload = function(){ ImageResize( this , 481 , 136 ) };
	productImgObj.innerHTML="";
	productImgObj.appendChild(img);
}
function changeProductClassName(obj)
{
	for(var i=0;i<productCount;i++)
	{
		var tmp_obj=productObj.getElementsByTagName("DIV")[i].getElementsByTagName("a");
		tmp_obj[0].className="product_name fontfamily1 smallfont";
	}
	obj.className="product_name_this fontfamily1 smallfont";
}