// JavaScript Document
var mainUrl = 'http://www.opeenkleinstationnetje.nl/php/';
var zoekenUrl = mainUrl + 'zoeken.php';
var bestellingPlaatsen = mainUrl + 'plaatsbestelling.php';
var saveorderUrl = mainUrl + 'saveorder.php';
var productInfoUrl = mainUrl + 'product.php';
var bestelUrl = mainUrl + 'bestel.php';
var urls = new Array("home", "speelgoed", "aanbiedingen", "origineleproducten", "nietgoedgeldterug", "verzenden", "inpakservice", "gebruiksvriendelijk", "betalingsmethoden", "voorwaarden", "contact", "winkelwagen","bestelling_afronden");
urls['home'] = 'teksten.php?id=home';
urls['aanbiedingen'] = 'aanbiedingen.php?id=home';
urls['origineleproducten'] = 'teksten.php?id=origineleproducten';
urls['nietgoedgeldterug'] = 'teksten.php?id=geldterug';
urls['verzenden'] = 'teksten.php?id=verzenden';
urls['inpakservice'] = 'teksten.php?id=inpakservice';
urls['gebruiksvriendelijk'] = 'teksten.php?id=gebruiksvriendelijk';
urls['betalingsmethoden'] = 'teksten.php?id=betalen';
urls['voorwaarden'] = 'teksten.php?id=voorwaarden';
urls['links'] = 'links.php?id=home';
urls['contact'] = 'teksten.php?id=contact';
urls['speelgoed'] = 'categorie.php?id=home';
urls['menu'] = 'menu.php';
urls['winkelwagen'] = 'winkelwagen.php?id=home';
urls['gastenboek'] = 'gastenboek.php?id=home';
urls['bestelling_afronden'] = 'afronden.php?id=home';

var menuitems = new Array("home","speelgoed","petjes","gastenboek","aanbiedingen","winkelwagen","origineleproducten","nietgoedgeldterug","verzenden","inpakservice","gebruiksvriendelijk","betalingsmethoden","voorwaarden","links","contact","bestelling_afronden");
menuitems['home'] = 1;
menuitems['speelgoed'] = 2;
menuitems['petjes'] = 3;
menuitems['gastenboek'] = 4;
menuitems['winkelwagen'] = 5;
menuitems['bestelling_afronden'] = 5;
menuitems['aanbiedingen'] = 6;
menuitems['origineleproducten'] = 1;
menuitems['nietgoedgeldterug'] = 1;
menuitems['verzenden'] = 1;
menuitems['inpakservice'] = 1;
menuitems['gebruiksvriendelijk'] = 1;
menuitems['betalingsmethoden'] = 1;
menuitems['voorwaarden'] = 1;
menuitems['links'] = 1;
menuitems['contact'] = 1;

var curmenu = 1;

function historyEvent(hist) {
	try {
		if (hist.func != null && hist.func != "") {
			switch (hist.func) {
				case "getContent": {
					getContent(hist.evt);
					break;
				}
				
				case "getSpeelgoed": {
					getSpeelgoed(hist.evt);
					break;
				}
				
				case "getCategorie": {
					getCategorie(hist.evt);
					break;
				}
				
				case "productInformatie": {
					productInformatie(hist.evt);
					break;
				}
				
				case "gaZoeken": {
					gaZoeken();
					break;
				}
				
				case "afronden": {
					afronden(hist.evt);
					break;
				}
				
				case "plaatsbestelling": {
					plaatsbestelling();
					break;
				}
				
				case "saveOrder": {
					saveOrder(hist.evt);
					break;
				}
			}
		}
	} catch (e) {
		var evt = new Object();
		evt.tgt = "home";
		getContent(evt);
	}
}

function checkvoorwaarden(bet) {
	if (document.forms['extrafrm'].voorwaarden.checked == false) {
		alert('U dient akkoord te gaan met de Algemene Voorwaarden');
	} else {
		saveOrder(bet);
	}
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function startLoading() {
	document.getElementById('loader').style.width = '465px';
	switch(navigator.appName)
	{
		case 'Microsoft Internet Explorer':
			var myregex = /MSIE 7.0/i;
			var myArray = navigator.appVersion.match(myregex);
			try {
				if(myArray.length > 0) scrollY = document.documentElement.scrollTop;
				else scrollY = document.body.scrollTop;
			} catch (e) {
				scrollY = document.documentElement.scrollTop;
			}
		break;
		default:
			scrollY = window.pageYOffset;
	}	
	document.getElementById('loader').style.top = scrollY;
	document.getElementById('loader').innerHTML = '<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"><tr><td align="center" background="images/loaderbg.png"><div style="top:150; left: 225; position:absolute;"><img src="images/loading.gif"></div></td></tr></table>';
}

function stopLoading() {
	setTimeout("removeLoader()", 800);
}

function removeLoader() {
	document.getElementById('loader').style.width = '1px';
	document.getElementById('loader').innerHTML = '';
}

function closeFeedback() {
	document.getElementById('loader').style.width = '1px';
	document.getElementById('loader').innerHTML = '';
}

function addEvent(obj, eventType,fn, useCapture) {
    if (obj.addEventListener) {
        obj.addEventListener(eventType, fn, useCapture);
        return true;
    } else {
        if (obj.attachEvent) {
            var r = obj.attachEvent("on"+eventType, fn);
            return r;
        }
    }
}

function switchMenu(active) {
	if (active == null || active == "" || active == undefined) {
		active = 3;
	}
	try {
		//startLoading();
		var oContent =  new zXmlHttp.createRequest();
		oContent.onreadystatechange = function() {
			try {
				if (oContent.readyState == 4) {
					if (oContent.status == 200) {
						//alert(oContent.responseText);
						try {
							document.getElementById('menu').innerHTML = oContent.responseText;
							addEvent(document.getElementById('home'), 'click', getContent, false);
							addEvent(document.getElementById('speelgoed'), 'click', getSpeelgoed, false);
							addEvent(document.getElementById('gastenboek'), 'click', getContent, false);
							addEvent(document.getElementById('aanbiedingen'), 'click', getContent, false);
							addEvent(document.getElementById('winkelwagen'), 'click', getContent, false);
						}
						catch(e) {
							//alert('Menu niet ververst!.');
						}
						//stopLoading();
					}
				}
			}
			catch(e) {
				alert('Menu Response failed.');
			}
		}
		oContent.open("GET",mainUrl + urls['menu']+'?active='+active, true);
		oContent.send(null);
	}
	catch(e) {
		//alert('Menu Response failed.');
	}	
}

function getContent(evt) {
	try {
		startLoading();
		var target = "";
		try {
			if (evt.tgt != null && evt.tgt != "undefined") {
				target = evt.tgt;
			} else {
				if (isIE) {
					target = evt["srcElement"].id;
				} else {
					target = evt["target"].id;
				}
			}
		} catch(e) {
			if (isIE) {
				target = evt["srcElement"].id;
			} else {
				target = evt["target"].id;
			}
		}
		var Historie = new Object();
		evt.tgt = target;
		Historie.evt = evt;
		Historie.func = "getContent";
		
		dhtmlHistory.add(target, Historie);
		
		var oContent =  new zXmlHttp.createRequest();
		oContent.onreadystatechange = function() {
			try {
				if (oContent.readyState == 4) {
					if (oContent.status == 200) {
						document.getElementById('AjaxContent').innerHTML = oContent.responseText;
						if (document.getElementById('origineleproducten')) {
							switchMenu(curmenu);
							addEvent(document.getElementById('origineleproducten'), 'click', getContent, false);
							addEvent(document.getElementById('nietgoedgeldterug'), 'click', getContent, false);
							addEvent(document.getElementById('verzenden'), 'click', getContent, false);
							addEvent(document.getElementById('inpakservice'), 'click', getContent, false);
							addEvent(document.getElementById('gebruiksvriendelijk'), 'click', getContent, false);
							addEvent(document.getElementById('betalingsmethoden'), 'click', getContent, false);
						} else if (document.getElementById('bestelling_afronden')) {
							addEvent(document.getElementById('bestelling_afronden'), 'click', getContent, false);
							switchMenu(5);
						} else {
							switchMenu(5);
						}
						stopLoading();
					}
				}
			}
			catch(e) {
				//alert('Content Response failed.');
				stopLoading();
			}
		}
		if (isIE) {
			curmenu = menuitems[target];
			oContent.open("GET",mainUrl + urls[target] + '&random=' + Math.random(1000000), true);
		} else {
			curmenu = menuitems[target];
			oContent.open("GET",mainUrl + urls[target] + '&random=' + Math.random(1000000), true);		
		}
		//oContent.send(null);
		oContent.send(null);
	}
	catch(e) {
		alert('Content Response failed.' + e.message);
		stopLoading();
	}
}

function saveOrder(bet) {
	try {
		
		var Historie = new Object();
		Historie.func = "saveOrder";
		Historie.evt = bet;
		if (isIE) {
			dhtmlHistory.add("saveOrder", Historie);
		} else {
			dhtmlHistory.add("saveOrder", Historie);
		}
		
		var oForm = document.forms['extrafrm'];
	    var sBody = getRequestBody(oForm);
		
		var oContent =  new zXmlHttp.createRequest();
		oContent.onreadystatechange = function() {
			try {
				if (oContent.readyState == 4) {
					if (oContent.status == 200) {
						if ((bet == 1) || (bet == 2)) {
							document.forms['idealfrm'].submit();
						} else {
							document.forms['extrafrm'].submit();
						}
					}
				}
			}
			catch(e) {
				//alert('Response failed.');
				stopLoading();
			}
		}
		if (isIE) {
			oContent.open("POST",saveorderUrl, true);
		} else {
			oContent.open("POST",saveorderUrl, true);	
		}
		oContent.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		oContent.send(sBody);
	}
	catch(e) {
		//alert('Zoeken failed.');
		stopLoading();
	}	
}

function plaatsbestelling() {
	try {
		startLoading();
		
		var Historie = new Object();
		Historie.func = "plaatsbestelling";
		if (isIE) {
			dhtmlHistory.add("plaatsbestelling", Historie);
		} else {
			dhtmlHistory.add("plaatsbestelling", Historie);
		}
		
		switchMenu(5);
		var oForm = document.forms['klantgegevens'];
	    var sBody = getRequestBody(oForm);
		
		var oContent =  new zXmlHttp.createRequest();
		oContent.onreadystatechange = function() {
			try {
				if (oContent.readyState == 4) {
					if (oContent.status == 200) {
						//alert(oContent.responseText);
						document.getElementById('AjaxContent').innerHTML = oContent.responseText;
						stopLoading();
					}
				}
			}
			catch(e) {
			//	alert('Response failed.');
			stopLoading();
			}
		}
		if (isIE) {
			oContent.open("POST",bestellingPlaatsen, true);
		} else {
			oContent.open("POST",bestellingPlaatsen, true);	
		}
		oContent.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		oContent.send(sBody);
	}
	catch(e) {
		//alert('Zoeken failed.');
		stopLoading();
	}	
}

function afronden(page) {
	try {
		startLoading();
		
		var Historie = new Object();
		Historie.func = "afronden";
		Historie.evt = page;
		if (isIE) {
			dhtmlHistory.add("afronden_" + page, Historie);
		} else {
			dhtmlHistory.add("afronden_" + page, Historie);
		}
		
		if ((page == 2) || (page == 3)) {
			var oForm = document.forms['klantgegevens'];
			var sBody = getRequestBody(oForm);
			
			var oContent =  new zXmlHttp.createRequest();
			oContent.onreadystatechange = function() {
				try {
					if (oContent.readyState == 4) {
						if (oContent.status == 200) {
							document.getElementById('AjaxContent').innerHTML = oContent.responseText;
							if (document.getElementById('bestelling_afronden')) {
								addEvent(document.getElementById('bestelling_afronden'), 'click', getContent, false);
								switchMenu(5);
							}
							stopLoading();
						}
					}
				}
				catch(e) {
					//alert('Response failed.');
					stopLoading();
				}
			}
			if (isIE) {
				oContent.open("POST",mainUrl + urls['bestelling_afronden'], true);
			} else {
				oContent.open("POST",mainUrl + urls['bestelling_afronden'], true);	
			}
			oContent.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			oContent.send(sBody);
		} else if (page == 1) {
			var oContent =  new zXmlHttp.createRequest();
			oContent.onreadystatechange = function() {
				try {
					if (oContent.readyState == 4) {
						if (oContent.status == 200) {
							document.getElementById('AjaxContent').innerHTML = oContent.responseText;
							if (document.getElementById('bestelling_afronden')) {
								addEvent(document.getElementById('bestelling_afronden'), 'click', getContent, false);
								switchMenu(5);
							}
							stopLoading();
						} else {
							alert(oContent.status);
						}
					}
				}
				catch(e) {
					//alert('afronden Response failed.');
					stopLoading();
				}
			}
			if (isIE) {
				oContent.open("GET",mainUrl + urls['bestelling_afronden']+'&stap='+page+'&random='+ Math.random(1000000), true);
			} else {
				oContent.open("GET",mainUrl + urls['bestelling_afronden']+'&stap='+page+'&random='+ Math.random(1000000), true);		
			}
			oContent.send(null);
		}
	} catch(e) {
		//alert('Response failed.');
		stopLoading();
	}	
}

function getSpeelgoed(evt) {
	try {
		startLoading();
		
		var target = "";
		try {
			if (evt.tgt != null && evt.tgt != "undefined") {
				target = evt.tgt;
			} else {
				if (isIE) {
					target = evt["srcElement"].id;
				} else {
					target = evt["target"].id;
				}
			}
		} catch(e) {
			if (isIE) {
				target = evt["srcElement"].id;
			} else {
				target = evt["target"].id;
			}
		}
		var Historie = new Object();
		evt.tgt = target;
		Historie.evt = evt;
		Historie.func = "getContent";
		
		dhtmlHistory.add(target, Historie);
		
		var oContent =  new zXmlHttp.createRequest();
		oContent.onreadystatechange = function() {
			try {
				if (oContent.readyState == 4) {
					if (oContent.status == 200) {
						switchMenu(3);
						document.getElementById('AjaxContent').innerHTML = oContent.responseText;
						stopLoading();
					}
				}
			}
			catch(e) {
				//alert('Speelgoed Response failed.' + e.message);
				stopLoading();
			}
		}
		if (isIE) {
			oContent.open("GET",mainUrl + urls[target], true);
		} else {
			oContent.open("GET",mainUrl + urls[target], true);		
		}
		oContent.send(null);
	}
	catch(e) {
		//alert('Speelgoed Response failed.' + e.message);
		stopLoading();
	}
}

function getRequestBody(oForm) {
    var aParams = new Array();
    
    for (var i=0 ; i < oForm.elements.length; i++) {
        var sParam = encodeURIComponent(oForm.elements[i].name);
        sParam += "=";
        sParam += encodeURIComponent(oForm.elements[i].value);
        aParams.push(sParam);
    } 
    
    return aParams.join("&");
}

function gaZoeken() {
	try {
		startLoading();
		
		var Historie = new Object();
		Historie.func = "gaZoeken";
		if (isIE) {
			dhtmlHistory.add("search", Historie);
		} else {
			dhtmlHistory.add("search", Historie);
		}
		
		switchMenu(3);
		var oForm = document.forms['search'];
	    var sBody = getRequestBody(oForm);
		
		var oContent =  new zXmlHttp.createRequest();
		oContent.onreadystatechange = function() {
			try {
				if (oContent.readyState == 4) {
					if (oContent.status == 200) {
						//alert(oContent.responseText);
						document.getElementById('AjaxContent').innerHTML = oContent.responseText;
						stopLoading();
					}
				}
			}
			catch(e) {
				//alert('Zoeken Response failed.' + oContent.responseText);
				stopLoading();
			}
		}
		if (isIE) {
			oContent.open("POST",zoekenUrl, true);
		} else {
			oContent.open("POST",zoekenUrl, true);	
		}
		oContent.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		oContent.send(sBody);
	}
	catch(e) {
		//alert('Zoeken Zoeken failed.' + oContent.responseText);
		stopLoading();
	}
}

function productInformatie(prodId) {
	try {
		setTimeout("startLoading()", 200)	;
		
		var Historie = new Object();
		Historie.evt = prodId;
		Historie.func = "productInformatie";
		if (isIE) {
			dhtmlHistory.add("product_" + prodId, Historie);
		} else {
			dhtmlHistory.add("product_" + prodId, Historie);
		}
		
		switchMenu(3);
		
	  var sBody = '&prodid='+prodId;
		
		var oContent =  new zXmlHttp.createRequest();
		oContent.onreadystatechange = function() {
			try {
				if (oContent.readyState == 4) {
					if (oContent.status == 200) {
						//alert(oContent.responseText);
						document.getElementById('AjaxContent').innerHTML = oContent.responseText;
						stopLoading();
					}
				}
			}
			catch(e) {
				//alert('Response failed.');
				stopLoading();
			}
		}
		if (isIE) {
			oContent.open("POST",productInfoUrl, true);
		} else {
			oContent.open("POST",productInfoUrl, true);	
		}
		oContent.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		oContent.send(sBody);
	}
	catch(e) {
		//alert('Zoeken failed.');
		stopLoading();
	}	
}

function getCategorie(catId) {
	try {
		startLoading();
		
		var Historie = new Object();
		Historie.evt = catId;
		Historie.func = "getCategorie";
		if (isIE) {
			dhtmlHistory.add(catId, Historie);
		} else {
			dhtmlHistory.add(catId, Historie);
		}
		
		switchMenu(3);
		
	  var sBody = '&catid='+catId;
		
		var oContent =  new zXmlHttp.createRequest();
		oContent.onreadystatechange = function() {
			try {
				if (oContent.readyState == 4) {
					if (oContent.status == 200) {
						//alert(oContent.responseText);
						document.getElementById('AjaxContent').innerHTML = oContent.responseText;
						stopLoading();
					}
				}
			}
			catch(e) {
				//alert('Response failed.');
				stopLoading();
			}
		}
		if (isIE) {
			oContent.open("POST",zoekenUrl, true);
		} else {
			oContent.open("POST",zoekenUrl, true);	
		}
		oContent.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		oContent.send(sBody);
	}
	catch(e) {
		//alert('Zoeken failed.');
		stopLoading();
	}	
}

function bestelProd(prodId) {
	try {
		startLoading();
		
	  var sBody = '&id='+prodId;
		
		var oContent =  new zXmlHttp.createRequest();
		oContent.onreadystatechange = function() {
			try {
				if (oContent.readyState == 4) {
					if (oContent.status == 200) {
						//alert(oContent.responseText);
						switchMenu(3);
						//stopLoading();
						setTimeout("showBesteldMelding()", 1000);
					}
				}
			}
			catch(e) {
				//alert('Response failed.');
				stopLoading();
			}
		}
		if (isIE) {
			oContent.open("POST", bestelUrl, true);
		} else {
			oContent.open("POST", bestelUrl, true);	
		}
		oContent.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		oContent.send(sBody);
	}
	catch(e) {
		//alert('Zoeken failed.');
		stopLoading();
	}	
}

function showBesteldMelding() {
	document.getElementById('loader').style.width = '465px';
	switch(navigator.appName)
	{
		case 'Microsoft Internet Explorer':
			var myregex = /MSIE 7.0/i;
			var myArray = navigator.appVersion.match(myregex);
			try {
				if(myArray.length > 0) scrollY = document.documentElement.scrollTop;
				else scrollY = document.body.scrollTop;
			} catch (e) {
				scrollY = document.body.scrollTop;
			}
		break;
		default:
			scrollY = window.pageYOffset;
	}	
	document.getElementById('loader').style.top = scrollY;
	document.getElementById('loader').innerHTML = '<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"><tr><td align="center" background="images/loaderbg.png"><font style="font-size:14px" color="#66770d"><b>Het door u gekozen product is met succes toegevoegd aan de winkelwagen!</b></td></tr></table>';
	setTimeout("closeFeedback()", 2000)	;
}

/*
function gaZoeken2() {
    var xmlhttp =  new zXmlDom.createDocument();
		xmlhttp.async = false;
		xmlhttp.validateOnParse = false;
		xmlhttp.preserveWhiteSpace = true;
		xmlhttp.onreadystatechange = function() {
			try {
				if (xmlhttp.readyState == 4) {
					var oProvincies = xmlhttp.getElementsByTagName("provincie");
					updateProvincies(oProvincies);
				}
			}
			catch(e) {
				alert('Response failed.');
			}
		}
		xmlhttp.load('http://test.7-miles.nl/php/zoeken.php?land='+document.getElementById('country').value);
}

function updateProvincies(provincies) {
	var oProvincie = document.getElementById('province');
	for (var i = oProvincie.length; i > -1;  i--) {
		oProvincie.options[i] = null;
	}
	for (var i = 0; i < provincies.length; i++) {
		var myNewOption = new Option(provincies[i].text,"TheValue");
		oProvincie.options[i] = myNewOption;
		//myNewOption = null;
		//alert(provincies[i].text);
	}
}
*/