var tId = 0;

function showFeatures(id) {

	if(id) tId = id;
	
	if(document.getElementById("info" + tId).style.display == "none") {
		
		//document.getElementById("info" + tId).style.display = "block";
		Effect.toggle("info" + tId, 'Slide', {duration:0.3});
		//document.getElementById("pInfo" + tId).src = "assets/pijltje_down.gif";
		
		eraseCookie("infoCF"+tId); 
	
	} else {
		
		//document.getElementById("info" + tId).style.display = "none";
		Effect.toggle("info" + tId, 'Slide', {duration:0.3});
		//document.getElementById("pInfo" + tId).src = "assets/pijltje_down.gif";
		createCookie(tId);
	}

}

function createCookie(nr) {
	var date = new Date();
	date.setTime(date.getTime()+(24*60*60*1000));
	var expires = "; expires="+date.toGMTString();
	
	name = "infoCF"+nr;
	document.cookie = name+"=1"+expires+"; path=/";
	//alert(name+" created!");
	
}


function eraseCookie(name) {
	var value = "";
	var date = new Date();
	date.setTime(date.getTime()+(-1*24*60*60*1000));
	var expires = "; expires="+date.toGMTString();
	document.cookie = name+"="+value+expires+"; path=/";
	
	//alert(name+" erased!");
}

function checkSavedCookies(){
	for(var j = 1; j < 20; j++){
		if(document.cookie.indexOf('infoCF'+j+'=') != -1){
   	 	var nameEQ = "infoCF"+j+"=";
			var ca = document.cookie.split(';');
			for(var i=0;i < ca.length;i++) {
				var c = ca[i];
				while (c.charAt(0)==' ') c = c.substring(1,c.length);
				if (c.indexOf(nameEQ) == 0 && c.substring(nameEQ.length,c.length) != 0) {
					if(c.substring(nameEQ.length,c.length) == 1){
						if(document.getElementById("info" + j)){
						document.getElementById("info" + j).style.display = "none";
						//document.getElementById("pInfo" + j).src = "assets/pijltje_down.gif";
						}
						
					}
				
				}
					//alert(c.substring(nameEQ.length,c.length)); 
					//return c.substring(nameEQ.length,c.length);
			}
		
		}
	
	}
}

// xml handling and functionality ******************************************** /

saveColruytXML = function (xmlDoc) {
	saveXML(xmlDoc, colruytArr, 'colruytgeg');
	setActive(colruytArr, 'colruytgeg', 'colruytdiv', '<a href="javascript:showFeatures(1);"><img src="assets/banner-marque-colruyt.jpg" border="0" width="200" name="pInfo1" id="pInfo1" /></a>', '<img width="200" border="0" id="pInfo1" name="pInfo1" src="assets/banner-marque-colruyt-d.jpg"/>');
};

saveCoccinelleXML = function (xmlDoc) {
	saveXML(xmlDoc, coccinelleArr, 'coccinellegeg');
	setActive(coccinelleArr, 'coccinellegeg', 'coccinellediv', '<a href="javascript:showFeatures(2);"><img src="assets/banner-marque-coccinelle.jpg" border="0" width="200" name="pInfo2" id="pInfo2" /></a>', '<img width="200" border="0" id="pInfo2" name="pInfo2" src="assets/banner-marque-coccinelle-d.jpg"/>');
};

saveCoccimarketXML = function (xmlDoc) {
	saveXML(xmlDoc, coccimarketArr, 'coccimarketgeg');
	setActive(coccimarketArr, 'coccimarketgeg', 'coccimarketdiv', '<a href="javascript:showFeatures(3);"><img src="assets/banner-marque-coccimarket.jpg" border="0" width="200" name="pInfo3" id="pInfo3" /></a>', '<img width="200" border="0" id="pInfo3" name="pInfo3" src="assets/banner-marque-coccimarket-d.jpg"/>');
};

savePaniersympaXML = function (xmlDoc) {
	saveXML(xmlDoc, paniersympaArr, 'paniersympageg');
	setActive(paniersympaArr, 'paniersympageg', 'paniersympadiv', '<a href="javascript:showFeatures(4);"><img src="assets/banner-marque-panier.jpg" border="0" width="200" name="pInfo4" id="pInfo4" /></a>', '<img width="200" border="0" id="pInfo4" name="pInfo4" src="assets/banner-marque-panier-d.jpg"/>');
};

saveCodimarcheXML = function (xmlDoc) {
	saveXML(xmlDoc, codimarcheArr, 'codimarchegeg');
	setActive(codimarcheArr, 'codimarchegeg', 'codimarchediv', '<a href="javascript:showFeatures(5);"><img src="assets/banner-marque-codimarche.jpg" border="0" width="200" name="pInfo5" id="pInfo5" /></a>', '<img width="200" border="0" id="pInfo5" name="pInfo5" src="assets/banner-marque-codimarche-d.jpg"/>');
};

saveXML = function(xmlDoc, rootArr, divElement){
	xmlArray = xmlDoc.getElementsByTagName(divElement);
	var index = 0;
	for (i=0; i < xmlArray.length; i++){
		if (xmlArray[i].getAttribute('show') == 'ja'){
			var inputTxt;
			var arrayIndex = xmlArray[i].getAttribute('name');
			if (xmlArray[i].textContent){inputTxt = xmlArray[i].textContent;
			} else {inputTxt = xmlArray[i].text;}
			rootArr[index] = [arrayIndex, inputTxt];
			index++;
		}
	}
}

setActive = function(rootArr, divElement, tagElement, innerSet, innerStop){
	var check = 0;
	for (i=0; i < rootArr.length; i++){
		if (rootArr[i][0] == id){
			document.getElementById(tagElement).innerHTML = innerSet;
			document.getElementById(divElement).innerHTML = fixOpmaak(rootArr[i][1]);
			check = 1;
		}
	}
	if (check == 0){
			document.getElementById(tagElement).innerHTML = innerStop;
			document.getElementById(divElement).innerHTML = '';
	}
}

fixOpmaak = function(txtString){
	/*
		Joris: replace tabs en newlines
		1) Verwijder de enclosing tag
		2) Verwijder de leading en trailing linefeeds, as well as de tabs en formfeeds (ASCII)
		3) Verwijder de leading en trailing linefeeds, as well as de tabs en formfeeds (Unicode) // FIX
		4) Replace de overige linefeeds met nen br-tag
	*/
	return (txtString.replace(/^<\S[^><]*>|<\S[^><]*>$/g,"").replace(/^[ \x0D\x0A]+|^[ \x0A]+|^[ \x0D]+|[ \x0D\x0A]+$|[ \x0A]+$|[ \x0D]+$|\x09|\x0C/g,"").replace(/^[ \u000D\u000A]+|^[ \u000A]+|^[ \u000D]+|[ \u000D\u000A]+$|[ \u000A]+$|[ \u000D]+$|\u0009|\u000C/g,"").replace(/\u000D\u000A|\u000A|\x0D\x0A|\x0A/g, "<br/>"));
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}