/*
* Scripting by Libertes Internet Diensten
* (c) 2008 - All rights reservers
* www.libertes.nl
*/
var currentSlide = 1;
var currentInterval = '';
function referenceSlideUp() {
	/* Get Properties */
	var refId = document.getElementById('refId').value;
	var picList = document.getElementById('picList');
	var liList = picList.getElementsByTagName('li');
	/* Loop true list */
	if (currentSlide >=liList.length-1) { currentSlide = 0; }
	for(i=currentSlide; i<liList.length; i++) { 
		if (liList[i].className != "selected") {
			currentSlide = i;
			var aLink = liList[i].getElementsByTagName('a');
			var link = aLink[0];
			var aSpan = liList[i].getElementsByTagName('span');
			var span = aSpan[0];
			var imgFile = span.innerHTML;
			setReferencePicture('images/references/'+refId+'/'+imgFile+'');
			setReferenceSelected(liList[i]);
			return true;
		}
	}
	return false;
}
function frontpageSlideUp() {
	/* Get Properties */
	var picList = document.getElementById('picList');
	var liList = picList.getElementsByTagName('li');
	/* Loop true list */
	if (currentSlide >=liList.length-1) { currentSlide = 0; }
	for(i=currentSlide; i<liList.length; i++) { 
		if (liList[i].className != "selected") {
			currentSlide = i;
			var aLink = liList[i].getElementsByTagName('a');
			var link = aLink[0];
			var aSpan = liList[i].getElementsByTagName('span');
			var span = aSpan[0];
			var imgFile = span.innerHTML;
			setFrontpagePicture('images/home/'+imgFile+'');
			setReferenceSelected(liList[i]);
			return true;
		}
	}
	return false;
}
function startReferenceSlideShow() {
	currentInterval = setInterval("referenceSlideUp()", 5000);
}
function startFrontpageSlideShow() {
	currentInterval = setInterval("frontpageSlideUp()", 6000);
}
function stopReferenceSlideShow() {
	clearInterval(currentInterval);
}
function setFrontpagePicture(sImageUrl) {
	/* Preload Image */
	var pic= new Image(100,25); 
  	pic.src=sImageUrl;
  	/* Now change the image */
	var oRefimg = document.getElementById('left2');
	fadeOut('left2',100);
	/* Wait some time to show new picture */
	window.setTimeout("fadeShowFrontPicture('"+sImageUrl+"')", 500);
	return true;
}
function fadeShowFrontPicture(sImageUrl) {
	/* Shows picture with a fade */
	var oRefimg = document.getElementById('left2');
	oRefimg.style.backgroundImage = 'URL("'+sImageUrl+'")';
	fadeIn('left2',0);
	return true;
}
function setReferencePicture(sImageUrl) {
	/* Preload Image */
	var pic= new Image(100,25); 
  	pic.src=sImageUrl;
  	/* Now change the image */
	var oRefimg = document.getElementById('ref_img');
	fadeOut('ref_img',100);
	/* Wait some time to show new picture */
	window.setTimeout("fadeShowPicture('"+sImageUrl+"')", 500);
	return true;
}
function fadeShowPicture(sImageUrl) {
	/* Shows picture with a fade */
	var oRefimg = document.getElementById('ref_img');
	oRefimg.src = sImageUrl;
	fadeIn('ref_img',0);
	return true;
}
function loadCategorie(iId) {
	if (iId != "") {
		document.location=document.getElementsByTagName('base')[0].href +'index.php?action=products&categorieId='+iId;
	}
}
function loadCatAnchor(iId) {
	var aCategoryDivs = $$('.categorie');
	if (iId != "") {
		//var sDocument = document.location+"#";
		//var aDocument = sDocument.split('#');
		//document.location=aDocument[0]+'#cat_'+iId;
		for (i=0;i<aCategoryDivs.length;i++) {
			if (aCategoryDivs[i].id=='cat_'+iId) {
				aCategoryDivs[i].show();
			} else {
				aCategoryDivs[i].hide();
			}
		}
	} else {
		//Show all
		for (i=0;i<aCategoryDivs.length;i++) {
			aCategoryDivs[i].show();
		}
	}
}
function setReferenceSelected(oSelected) {
	/* Now set the correct selected picture */
	var oList = document.getElementById('picList');
	var aVars = oList.getElementsByTagName('li');
	for (k=0;k<aVars.length;k++) {
		aVars[k].setAttribute("className", "");
		aVars[k].setAttribute("class", "");
	}
	oSelected.setAttribute("className", "selected");
	oSelected.setAttribute("class", "selected");
}

function fadeIn(objId,opacity) {
	/* Do the real fading work */
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 5;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 10);
		}
	}
}
function fadeOut(objId,opacity) {
	/* Do the real fading out */
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity > 0) {
			setOpacity(obj, opacity);
			opacity = opacity-10;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 10);
		}
	}
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}
function gotoTop() {
	var sDocument = document.location+"#";
	var aDocument = sDocument.split('#');
	document.location=aDocument[0]+'#top';

}
function highlightField(sForm,sField) {
	var oForm = document.getElementById(sForm);
    var oField  = oForm[sField];
	oField.style.border='2px solid #ff0000';
}