var CurrentImage	= 0; 
var Images			= 20;
var TimerRunning	= 0; 
var ImageDirection	= 0;
var ImagePosition	= 0; 
var DesiredPosition	= 0; 

function ScrollTimer ()
{
	TimerRunning = 1; 
	if (ImageDirection == 1)
	{
		if (ImagePosition < DesiredPosition)
		{
			ImagePosition += 5;
			document.getElementById('ImgScroller').style.left=ImagePosition.toString ()+'px';
			setTimeout ('ScrollTimer()',10);
		}
		else
		TimerRunning = 0; 
	}
	else
	{
		if (ImagePosition > DesiredPosition)
		{
			ImagePosition -= 5;
			document.getElementById('ImgScroller').style.left=ImagePosition.toString ()+'px';
			setTimeout ('ScrollTimer()',10);
		}
		else
		TimerRunning = 0; 
	}
}

function ScrollImage(Method)
{
	StrImages = document.getElementById('ImageCount').value; 
	Images = parseInt (StrImages,10);
	if (Method == 'right')
	{
		if (CurrentImage < (Images-6))
		{
			CurrentImage ++; 
			ImageDirection	= 0; 
			DesiredPosition = -(CurrentImage*55);
			if (TimerRunning==0)
			ScrollTimer (); 
		}
	}
	else
	{
		if (CurrentImage > 0)
		{
			CurrentImage --; 
			ImageDirection	= 1; 
			DesiredPosition = -(CurrentImage*55);
			
			if (TimerRunning==0)
			ScrollTimer (); 
		}
	}
}

function Product_ClickImage (ImageID)
{
	document.getElementById ("content-content").innerHTML = "Laden ...";
	
	try { XmlObject = new ActiveXObject("Msxml2.XMLHTTP"); } catch (Error) {
	try { XmlObject = new ActiveXObject("Microsoft.XMLHTTP");} catch (Error) {
	XmlObject = false; } }
	
	if (!XmlObject && typeof XmlObject !="undefined") {
	XmlObject = new XMLHttpRequest(); }	
	
	if (!XmlObject)
	return 0;
	
	XmlObject.open('GET', '/afbeelding/product/'+ImageID+'/',true);
	
	XmlObject.onreadystatechange=function() {
		if (XmlObject.readyState==4) {
			document.getElementById ("content-content").innerHTML = XmlObject.responseText;
		}
	}
	
	XmlObject.send(null);
	
	
}

var ProductDiv = 0; 

function Product_ClickTab (ProductID,Tab)
{
	var elements = document.getElementById ("content-content").getElementsByTagName('div');
	for (var i=0;i<elements.length;i++)
	{
		var element = elements[i];
		if (element.id.substr (0,10)=='productdiv')
		{
			element.parentNode.removeChild(element);
		}
	}
	document.getElementById ("content-content").innerHTML = document.getElementById ("preload"+Tab).innerHTML.replace(/REPLACEINDICATOR/g,"ProductImage"+Tab);
	Lightbox.updateImageList();
	
	Product_Loaded();
	
	var TabVal = parseInt(Tab,10);
	
	var Name	= document.getElementById('productname').value;
	
	_gaq.push(['_setAccount', 'UA-4759021-1']);
	if (TabVal > 1)
	_gaq.push(['_trackEvent', 'Producten', 'Tab '+Tab+' bekijken', Name]);
	else
	_gaq.push(['_trackEvent', 'Producten', 'Bekijken', Name]);
}


function Product_Loaded()
{
	var elements = document.getElementById ("content-content").getElementsByTagName('div');
	for (var i=0;i<elements.length;i++)
	{
		var element = elements[i];
		if (element.id=='productdiv')
		{
			ProductDiv++;
			try {
			element.id = 'productdiv'+ProductDiv.toString();
			} catch (e) {}; 
			try {
			element.setAttribute('id', 'productdiv'+ProductDiv.toString());
			} catch (e) {}; 
			CSBfleXcroll('productdiv'+ProductDiv.toString());
		}
	}
}