var tId = 0;
var id = 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;
}

function ontvangAS(xvalue){ id=xvalue;
							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"/>');
							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"/>');
							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"/>');
							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"/>');
							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"/>');

}