var AutoToggle = true;
var AantalProducten = 5;
var HuidigProductNr = 1;
var ToggleTimer = setInterval("AutoToggleProduct()", 7000);
var browser = navigator.appName;

function ToggleProduct(ProductNr) {
	HuidigProductNr = ProductNr;
	var pijlTop = (ProductNr * 60) - 60;
	
	document.getElementById('XML_Pijl').style.marginTop = pijlTop + 'px';

	for(var i=1;i<=AantalProducten;i++) {
		var XMLProduct = document.getElementById('XML_Product' + i)
		if(i==ProductNr) {
			//var backAanUit = ImageAchtergrondActief;
			//var textDeco = "none";
			//var textKleur = "#FFF";
			XMLProduct.setAttribute('class', 'XML_ProductHover')
			XMLProduct.setAttribute('className', 'XML_ProductHover')

		} else {
			//var backAanUit = ImageAchtergrond;
			//var textDeco = "none";
			//var textKleur = "#000";
			XMLProduct.setAttribute('class', 'XML_Product')
			XMLProduct.setAttribute('className', 'XML_Product')

		}
		//document.getElementById('XML_Product' + i).style.backgroundImage = 'url(' + backAanUit + ')';
		//document.getElementById('XML_Product' + i).style.textDecoration = textDeco;
		//document.getElementById('XML_Product' + i).style.color = textKleur;
		//document.getElementById('XML_Link' + i).style.color = textKleur;
		document.getElementById('XML_ProductAfbeelding' + i).style.display = "none";
		document.getElementById('XML_ProductAfbeelding' + i).style.width = "0px";
		document.getElementById('XML_ProductAfbeelding' + i).style.height = "0px";
	}
	document.getElementById('XML_ProductAfbeelding' + ProductNr).style.display = "block";
	document.getElementById('XML_ProductAfbeelding' + ProductNr).style.width = "430px";
	document.getElementById('XML_ProductAfbeelding' + ProductNr).style.height = "300px";
}


function AutoToggleProduct() {
	var nieuwProductNr = HuidigProductNr + 1;
	if(nieuwProductNr>AantalProducten) {
		nieuwProductNr = 1;
	}
	HuidigProductNr = nieuwProductNr;
	ToggleProduct(HuidigProductNr);
}

function ToggleOver() {
	clearInterval(ToggleTimer);
}

function ToggleOut() {
	ToggleTimer = setInterval("AutoToggleProduct()", 5000);
}

function UpdatePijlIE() {
	if(browser=="Microsoft Internet Explorer") {
		document.getElementById('XML_Pijl').style.marginLeft = '-38px';
		for(var i=2;i<=AantalProducten;i++) {
			document.getElementById('XML_Product' + i).style.marginTop = '-1px';
		}
	}
	document.getElementById('XML_Pijl').style.display = 'block';
}

window.onload = UpdatePijlIE;