//var fsScrollWidth = 300;
var fsCurrentImage = 0;
var fsImageCount = 0;
var fsImageWidth = 50;
var fsScrollSpeed = 15;
var fsScrollIncrement = 15; // this must be a factor of fsScrollWidth
var fsLeftPos = 0;
var fsTergetLeftPos = 0;
var fsTimer = 0;
var fsTimer = 0;

function initialiseImageBrowser(displayLarge)
{
	thumbs = document.getElementsByClassName("filmThumbnail");	
	fsImageCount = thumbs.length;
	if (displayLarge){
		for(x=0; x<thumbs.length; x++)
		{
			thumbs[x].onclick = fsSelectThumb;
		}
		var url = '/load.ds2';
		var pars = '?ajax=Profile&a='+ thumbs[0].id.replace('filmThumbnail','');
		var myAjax = new Ajax.Updater(
		"profileContainer", 
		url,
		{				
			method: 'get', 
			parameters: pars,
			evalScripts: false				
			}
		);	
	}
	else
	{
		//fsScrollWidth = 250;
		fsScrollIncrement = 10
	}
}

function fsGoToImage()
{
	if ( articleID != 0 )
	{
		location.href = "/gallery/item.php?a=" + articleID;
	}	
}

function fsSelectThumb()
{
 	document.getElementById("imageBrowserLeadImage").src = this.childNodes[0].href;
 	document.getElementById("imageBrowserLeadImage").alt = this.childNodes[0].childNodes[0].alt;
 	articleID = this.childNodes[0].getAttribute( "title" ); 	
 	var url = '/load.ds2';
	var pars = '?ajax=Profile&a='+ this.id.replace('filmThumbnail','');
	var myAjax = new Ajax.Updater(
		"profileContainer", 
		url,
		{				
			method: 'get', 
			parameters: pars,
			evalScripts: false				
			}
		);	
	return false;
}

function fsScrollRight()
{
	if(fsLeftPos > -((fsImageWidth * fsImageCount) - fsScrollWidth) && fsTimer == 0 )
 	{
 		fsTergetLeftPos = fsLeftPos - fsScrollWidth;
		fsTimer = setTimeout("fsScroll()",fsScrollSpeed);
	}
}

function fsScrollLeft()
{
	if(fsLeftPos < 0 &&  fsTimer == 0)
	{
 		fsTergetLeftPos = fsLeftPos + fsScrollWidth;
		fsTimer = setTimeout("fsScroll()",fsScrollSpeed);
	}
}

function fsScroll()
{	
 	fsLeftPos = (fsLeftPos > fsTergetLeftPos) ? fsLeftPos - fsScrollIncrement : fsLeftPos + fsScrollIncrement;
 	document.getElementById("filmstripInner").style.left = fsLeftPos+"px";
 	if(fsLeftPos != fsTergetLeftPos)
 	{
		fsTimer = setTimeout("fsScroll()",fsScrollSpeed);
	}
	else
	{
		//clear the timer used to test if already moving
		fsTimer = 0;
	}
}