/* Force first pic to become active.. we have stored the big image url into the thumbs name property (dirtty!!!!) */

var first = document.getElementById('productfoto1');
if(first)
{
	
	img = '/resizer/resize.php?h=300&img='+encodeURIComponent(first.name);
	doSwapImage(img,false);
}


/* Scrolling stuff */
var layer = document.getElementById('productimages_wrap');
var time;

function doScrollLeft()
{
 layer.scrollLeft = layer.scrollLeft-5;
 time = setTimeout('doScrollLeft()',20);
}

function doScrollRight()
{
 layer.scrollLeft = layer.scrollLeft+5;
 time = setTimeout('doScrollRight()',20);
}


function doStopScroll()
{
	if(time) { clearTimeout(time); } 
}


/* Swap image */
function swapImage(src)
{
	
	src = '/resizer/resize.php?h=300&img='+encodeURIComponent(src);
	
	/* Check if we need to do anything */
	if(src != document.getElementById('productimagebig').src)
	Effect.Fade('productimagebig',{duration: 0.2, afterFinish: function(){doSwapImage(src,true);}});	
	
}


function doSwapImage(src,appear)
{
//	if(appear) document.getElementById('productimagebig').display = 'none';
//	
//	document.getElementById('productimagebig').src = src;
//	
//	if(appear) 	Effect.Appear('productimagebig',{duration: 0.2});	
return true;
}