var easing = 0.18; 
var sHeight;

 
var thumbsPos = new Array();
var thumbsPosDown = new Array();
 
 
var idc = 0;
var delay = 0; 
var scrollHeight; 
var w =380;
var divw = 600;
var imgAmount;


function initProductPage()
{
	sHeight = w; 
	
	YAHOO.util.Event.addListener("up-arrow", "click", moveLeft);
	YAHOO.util.Event.addListener("down-arrow", "click", moveRight);
	countsImages ('thumbnails-container');
	 
}



    


function countsImages (element_id)
{
	 images = document.getElementById(element_id).getElementsByTagName('div');
 
  
	imgAmount = (images.length -1);
	
	if(imgAmount<3){
	 divw=200*imgAmount;
  }
	
	
	idcc = (images.length -1);
	 

	for(var d=0;d<images.length;d++)
	{
		 
		thumbsPos.push(sHeight*(d-1));
		thumbsPosDown.unshift(sHeight*(d-1));
		
		document.getElementById(images[d].id).style.left = thumbsPos[d]+'px';
		//YAHOO.util.Event.addListener(images[d].id, "click", moveRight);
	 
		
		
		
		
	}
}



 


//scroll fucntionality 

function countElements(container_id, tag)
{
	var container = document.getElementById(container_id);
	var elem_count = container.getElementsByTagName(tag).length;
	return elem_count;
}

 
 
function moveLeft(e)
{		
	if(idc>0)
	{
		idc--;		
	}		
	else
	{
		idc=images.length-1;
	}	
	
  var tempPoss = thumbsPos.shift();
	thumbsPos.push(tempPoss);
	document.getElementById(images[idc].id).style.left = (w*-1)+'px';	
	
	for(var d=0;d<images.length;d++)
	{
	
	 
		var moves = new YAHOO.util.Anim(images[d].id, {left: {to: thumbsPos[d]}} ,  0.6 ,YAHOO.util.Easing.easeOutStrong); 		
		moves.animate();
				
				
	}
	 

 }
 
 


 
 
//move thumbnails up 
function moveRight(e) 
{ 				
	if(document.getElementById(images[idc].id).offsetLeft<w) 
	{		
		document.getElementById(images[idc].id).style.left = (divw+w)+'px';
	}
	if(idc<imgAmount)
	{						
		idc++;
	}
	else 
	{
		idc=0;
	}
		
	var tempPos = thumbsPos.pop();
	thumbsPos.unshift(tempPos);
	
	for(var d=0;d<images.length;d++)
	{	
		var move = new YAHOO.util.Anim(images[d].id, {left: {to: thumbsPos[d]}} ,  0.6 ,YAHOO.util.Easing.easeOutStrong); 		
		move.animate();	
	}
	
}