var http;
var preload = {};
preload.layer = new Image();
preload.layer.src = '/images/s.png';
var browser = navigator.appName;
if ( browser == 'Microsoft Internet Explorer' )
	http = new ActiveXObject("Microsoft.XMLHTTP");
else
	http = new XMLHttpRequest();

function getFooterpics(albumid) {
	http.open('GET', base+'/footerimages.php?albumid='+albumid+''); 
	http.onreadystatechange = handleResponseGetFooterpics; 
	http.send(null);	
}

function handleResponseGetFooterpics() {	
	if(http.readyState == 4 && http.status == 200)
	{ 
		if(http.responseText) { 
			document.getElementById('wrap_footerimages').innerHTML = http.responseText;
		}		
	} else if(http.readyState == 4 && http.status == 404) { 
	  document.getElementById('wrap_footerimages').innerHTML = "HTTP ERROR 404: <br /><br />Pagina niet gevonden"; 
	} 
}

/* WEBSHOP */

function removeProduct(id, staffel, selection, redirect){
	if(redirect == ''){
		redirect = base+'/webshop/'+selection+'/winkelmandje.html';
	}
	http.open('GET', base+'/customer/plugins/webshop/removeProduct.php?id='+id+'&staffel='+staffel);
	http.onreadystatechange = function(){
		if(http.readyState == 4 && http.status == 200){
			var result = eval('('+http.responseText+')');
			if(result.success === true){
				if(result.amount === 0){
					document.location = base+'/webshop/'+selection+'.html'; 
				} else {
					document.location.reload(true);
				}
			} else {
				alert('Error bij het verwijderen van het product.');
			}
		}
	}
	http.send(null);
}

function addToBasket(id, selection, staffel, amount, noLayer) {
	var error = false;
	if(amount == null){
		var amountInput = document.getElementById('input_'+id);
		if(amountInput){
			amount = parseInt(amountInput.value);
		} else {
			error = 'Kan het input veld niet vinden';
		}
	}
	if(typeof amount == 'number'){
		if (amount > 0){
			http.open('GET', base+'/customer/plugins/webshop/basket.php?pid='+id+'&amount='+amount+'&staffel='+staffel);
			http.onreadystatechange = function(){
				if(http.readyState == 4 && http.status == 200){ 
					if(http.responseText) {
						if(http.responseText != ''){
							var result = eval("("+http.responseText+")");
							switch(result['status']){
								case 'ok':
									var basket = result['basket'];
									var el = document.getElementById('winkelmandjeLink');
									if(el){
										el.innerHTML = basket;
										// Popup maken met het nieuwe product er in
										if(noLayer !== true){
											var div = document.createElement('div');
											for(i in result['popup']['style']){
												div.style[i] = result['popup']['style'][i];
											}
											div.id = 'popup';
											div.innerHTML = result['popup']['content'];
											var layer = document.createElement('div');
											layer.style.position = 'fixed';
											layer.style.left = 0;
											layer.style.top = 0;
											layer.style.width = document.documentElement.clientWidth+'px';
											layer.style.height = document.documentElement.clientHeight+'px';
											layer.style.zIndex = 10;
											layer.style.background = 'url("'+base+'/images/s.png")';
											layer.id = 'layer';
											document.body.appendChild(layer);
											document.body.appendChild(div);
										} else {
											document.location.reload(true);
										}
									} else {
										alert('Kan de winkelmand link niet vinden.');
									}
								break;
								case 'error':
									alert(result['msg']);
								break;
							}
						}
					}
				} else if(http.readyState == 4 && http.status == 404) {
					document.getElementById('winkelmandjeLink').innerHTML = "HTTP ERROR 404: <br /><br />Pagina niet gevonden"; 
				}
			};
			http.send(null);
		} else {
			error = 'Minimale waarde is 1.';
		}
	} else {
		error = 'Geen nummer gevonden.';
	}
	if(error !== false){
		if(amountInput){
			amountInput.value = 1;
		}
		alert(error);
	}
}

function fadeLayer(elId){
	var layer = document.getElementById('layer');
	fade({
		el:document.getElementById(elId),
		direction:'out',
		time:50,
		percentage:10,
		finished:function(data){
			data.el.parentNode.removeChild(data.el);
			document.body.removeChild(layer);
			var reload = [
				'Alle_producten/winkelmandje.html',
				'Mannen/winkelmandje.html',
				'Vrouwen/winkelmandje.html',
				'Kinderen/winkelmandje.html',
				'Senioren/winkelmandje.html',
				'Alle_producten/afronden.html',
				'Mannen/afronden.html',
				'Vrouwen/afronden.html',
				'Kinderen/afronden.html',
				'Senioren/afronden.html'
			];
			for(var i = 0; i < reload.length; i++){
				if(document.location == 'http://www.lucasict.nl/vitavie/webshop/'+reload[i]){
					document.location.reload(true);
				}
			}
		}
	});
}

function refreshBasket(type, data) {
	var delay = 500;
	var sendUrl = base+'/customer/plugins/webshop/render/updateBasket.php';
	var params = '';
	var loader;
	var send = false;
	var selection = data['selection'];
	switch(type){
		case 'product':
			var id = data['pid'];
			var staffel = data['staffel'];
			var amount = 0;
			var amountInput = document.getElementById('inputAmount_'+id+'_'+staffel);
			if(amountInput){
				amount = parseInt(amountInput.value);
			}
			loader = document.getElementById('loader_'+id+'_'+staffel);
			params = '?type='+type+'&pid='+id+'&staffel='+staffel+'&amount='+amount+'&id='+selection;
			send = true;
		break;
		case 'sendMethod':
			var id = data['id'];
			loader = document.getElementById('loader_sendMethod');
			params = '?type='+type+'&smid='+id+'&id='+selection;
			send = true;
		break;
		case 'paymentMethod':
			var id = data['id'];
			loader = document.getElementById('loader_paymentMethod');
			params = '?type='+type+'&pmid='+id+'&id='+selection;
			send = true;
		break;
		case 'reOrder':
			params = '?type='+type+'&id='+data['id'];
			loader = true;
			delay = 0;
			send = true;
		break;
		case 'editProduct':
			loader = document.getElementById('editProductLoader');
			var select = document.getElementById(data['select']);
			var newStaffel = select.options[select.options.selectedIndex].value;
			params = '?type='+type+'&id='+data['id']+'&staffel='+data['staffel']+'&newStaffel='+newStaffel;
			delay = 0;
			if(newStaffel != data['staffel']){
				send = true;
			}
		break;
	}
	if(loader && send){
		loader.innerHTML = "<img src='"+base+"/customer/plugins/webshop/images/loader.gif' id='loading' alt='Bezig met laden...' />";
		setTimeout(function(){
			http.open('GET', sendUrl+params);
			http.onreadystatechange = function(){
				if(http.readyState == 4 && http.status == 200){
					var result = eval('('+http.responseText+')');
					switch(type){
						case 'product':
							loader.innerHTML = '';
							switch(result['status']){
								case 'ok':
									if(result['productAmount'] == 0){
										document.location.reload(true);
									} else {
										var link = document.getElementById('winkelmandjeLink');
										if(link){
											link.innerHTML = result['link'];
										} else {
											alert('Kan de winkelmand link niet vinden.');
										}
										var productTable = document.getElementById('productList');
										if(productTable){
											productTable.parentNode.innerHTML = result['html'];
										} else {
											alert('Kan de producten lijst niet vinden.');
										}
										var totalTable = document.getElementById('totalTable');
										if(totalTable){
											totalTable.parentNode.innerHTML = result['total'];
										} else {
											alert('Kan de totaal tabel niet vinden.');
										}
									}
								break;
								case 'error':
									alert(result['response']);
								break;
								default:
									alert(result);
								break;
							}
						break;
						case 'sendMethod':
							loader.innerHTML = '';
							switch(result['status']){
								case 'ok':
									var link = document.getElementById('winkelmandjeLink');
									if(link){
										link.innerHTML = result['link'];
									} else {
										alert('Kan de winkelmand link niet vinden.');
									}
									var sendMethodTable = document.getElementById('sendMethodTable');
									if(sendMethodTable){
										sendMethodTable.parentNode.innerHTML = result['html'];
									} else {
										alert('Kan de verzendmethode tabel niet vinden.');
									}
									var totalTable = document.getElementById('totalTable');
									if(totalTable){
										totalTable.parentNode.innerHTML = result['total'];
									} else {
										alert('Kan de totaal tabel niet vinden.');
									}
								break;
								case 'error':
									alert(result['response']);
								break;
								default:
									alert(result);
								break;
							}
						break;
						case 'paymentMethod':
							loader.innerHTML = '';
							switch(result['status']){
								case 'ok':
									var link = document.getElementById('winkelmandjeLink');
									if(link){
										link.innerHTML = result['link'];
									} else {
										alert('Kan de winkelmand link niet vinden.');
									}
									var paymentMethodTable = document.getElementById('paymentMethodTable');
									if(paymentMethodTable){
										paymentMethodTable.parentNode.innerHTML = result['html'];
									} else {
										alert('Kan de betaalmethode tabel niet vinden.');
									}
									var totalTable = document.getElementById('totalTable');
									if(totalTable){
										totalTable.parentNode.innerHTML = result['total'];
									} else {
										alert('Kan de totaal tabel niet vinden.');
									}
								break;
								case 'error':
									alert(result['response']);
								break;
								default:
									alert(result);
								break;
							}
						break;
						case 'reOrder':
							loader.innerHTML = '';
							switch(result['status']){
								case 'ok':
									var link = document.getElementById('winkelmandjeLink');
									if(link){
										link.innerHTML = result['link'];
									} else {
										alert('Kan de winkelmand link niet vinden.');
									}
								break;
								case 'error':
									alert(result['response']);
								break;
								default:
									alert(result);
								break;
							}
						break;
						case 'editProduct':
							loader.innerHTML = '';
							switch(result['status']){
								case 'ok':
									var link = document.getElementById('winkelmandjeLink');
									if(link){
										link.innerHTML = result['link'];
									} else{
										alert('Kan de winkelmand link niet vinden.');
									}
									var popupTitle = document.getElementById('popupTitle');
									if(popupTitle){
										popupTitle.innerHTML = result['name'];
									} else {
										alert('Kan de popupTitle niet vinden');
									}
									var popupPrice = document.getElementById('popupPrice');
									if(popupPrice){
										popupPrice.innerHTML = result['price'];
									} else {
										alert('Kan de popupPrice niet vinden');
									}
									var afrondenLink = document.getElementById('afrondenLink');
									if(afrondenLink){
										afrondenLink.innerHTML = '&raquo;&nbsp;Bestelling afronden';
										afrondenLink.onclick = function(){
											document.location='/vitavie/webshop/Alle_producten/winkelmandje.html';
										}
									} else {
										alert('Kan de afrondenLink niet vinden');
									}
									var sel = document.getElementById('editBasketProduct');
									if(sel){
										sel.onchange = function(){
											setOrderLink(this, result.data.s, result.data.id);
										}
//										alert(sel.onchange);
									} else {
										alert('Kan de select niet aanpassen.');
									}
								break;
								case 'error':
									alert(result['response']);
								break;
								default:
									alert(result);
								break;
							}
						break;
					}
				}
			}
			http.send(null);
		},delay);
	}
}

function setOrderLink(select, current, id){
	var afrondenLink = document.getElementById('afrondenLink');
	if(afrondenLink){
		var opt = select.options[select.options.selectedIndex];
		var val = parseInt(opt.value);
		current = parseInt(current);
		if(val === current){
			afrondenLink.innerHTML = '&raquo;&nbsp;Bestelling afronden';
			afrondenLink.onclick = function(){
				document.location='/vitavie/webshop/Alle_producten/winkelmandje.html';
			}
		} else {
			afrondenLink.innerHTML = '&raquo;&nbsp;Wijzigen';
			afrondenLink.onclick = function(){
				refreshBasket('editProduct', {id:id, staffel:current, select:'editBasketProduct'});
			}
		}
	} else {
		alert('Kan de afrondenLink niet vinden');
	}
}