function showElement(obj) {
	var el = document.getElementById(obj);
	el.style.display = 'block';

}
function hideElement(obj) {
	var el = document.getElementById(obj);
	el.style.display = 'none';

}

function updateElement(url, id){
	
	new Ajax.Updater(id, url, { 
		method: 'get'
	});
	
	// data geladen, waiter onzichtbaar maken.
	hideElement('wait');
	
}
function updateEl(url, id){
	
	new Ajax.Updater(id, url, { 
		method: 'get'
	});
	
	
}

function showNextForm(step, value){
	
	// laten zien dat data aan het laden is.
	showElement('wait');
	
	var nextStep = step + 1;
	
	// Overige velden legen
	// hele inhoud kan uit div
	
	for (i = nextStep; i < 6; i++){
		document.getElementById("step" + i).innerHTML = "";
	}
	
	// type shape colour
	
	
	
	var productId = document.getElementById("select1").value;
	var url = "/assets/snippets/snelBestel/ajax/nextform.php?x=" + step + "&p=" + productId; // start url
	
	
	
	
	if (document.getElementById("select2") != undefined){
		var value2 = document.getElementById("select2").value;
		var no2 = value2.split("_");
		url += "&" + no2[0] + "=" + no2[1];
	}
	if (document.getElementById("select3") != undefined){
		var value3 = document.getElementById("select3").value;
		var no3 = value3.split("_");
		url += "&" + no3[0] + "=" + no3[1];
	}
	
	updateElement(url, "step" + nextStep);
	/**
	url opbouwen
	product
	shape
	colour
	dimension
	quantity 	
	price
	*/
	
}

function showPrice (){
	
	// controle op afmeting
	
	// select1 shape colour dimension quantity
	
	var shape 	= "";
	var colour 	= "";
	var dimension = "";
	
	var product 	= document.getElementById("select1").value;
	if (document.getElementById("select2")){
		shape 	= document.getElementById("select2").value;
	}
	if (document.getElementById("select3")){
		colour 	= document.getElementById("select3").value;
	}
	if (document.getElementById("dimension")){
		dimension 	= document.getElementById("dimension").value;
	}
	var quantity 	= document.getElementById("quantity").value;
	
	var url 		= "/assets/snippets/snelBestel/ajax/get_price.php?p=" + product + "&s=" + shape + "&c=" + colour + "&d=" + dimension + "&q=" + quantity;
	
	//if (Number(dimension) && Number(quantity)){
		updateElement(url, "show_price");
	//}
	
}

function show_adres(value){
	if (value == "n"){
		return;
	} else {
		// adres keuze kan weg
		hideElement("adres_keuze");	
		// en formulier laten zien
		showElement("adres_formulier");
		/*
			Binnen formulier zitten enkele zakelijke velden
			Standaard staan ze als display:none
			
			bedrijfsnaam
			btwnummer
			betalingsmethode (moet extra optie factuur krijgen)
		*/
		if (value == "z"){
			showElement("bedrijfsnaam");
			showElement("btwnummer");
			//showElement("wijzig_adres");
			
			// formtype wordt zakelijk
			var formtype = document.getElementById("formtype");
			formtype.value = "z";
			
			//betalingsmethode (moet extra optie factuur krijgen)
			var target = document.getElementById("betalingsmethode");
			var a = document.createElement('option');
			a.value = "factuur";

			
			a.innerHTML = "Factuur per mail (&euro; 5 extra)";
			target.appendChild(a);

			
		} else if (value = "p"){
			hideElement("bedrijfsnaam");
			hideElement("btwnummer");
			//showElement("wijzig_adres");
			
			
			// formtype wordt particulier
			var formtype = document.getElementById("formtype");
			formtype.value = "p";
			
			/* factuur weghalen als betaalmethode */
			
			var target = document.getElementById("betalingsmethode");
			target.innerHTML = "<option value='ideal'>iDeal</option><option value='paypal'>PayPal</option>";
		}
	}	
}

function validateIndex(){
	var error = false;
	
	var a = document.getElementById("dimension").value;
	var b = document.getElementById("quantity").value;
	var errortxt = document.getElementById("errortxt");
	
	
	
	if (a == "Maak uw keuze"){
		error = true;
		a.className = "errorfield";
	} else if (b == "Maak uw keuze"){
		error = true;
		b.className = "errorfield";
	}
	
	if (error){
		
		//alert (errortxt.innerHTML);
		errortxt.innerHTML = "<p class='errortext'>Kies de afmeting en aantallen.</p>";
		return false;
		/*
		TODO
		geloof dat de errortxt wijziging niet werkt
		*/
	} else {
		return true;
	}
}

function validateForm(){
	
	/*
	VELDEN:
	
	naam 
	adres
	postcode
	woonplaats
	telefoon
	email
	
	standaard is het een zakelijk formulier
	formtype = z
	
	*/
	
	fields = Array(
				    "naam",
					"adres",
					"postcode",
					"woonplaats",
					"telefoon",
					"email"
				   );
	
	var formtype = document.getElementById("formtype");

	if (formtype.value == "z"){
		fields.push("company");
		fields.push("btw");
	}
	
	error = false;
	
	for (i = 0; i < fields.length; i++){
		var target = document.getElementById(fields[i]);
		var value = target.value;
		if (value == ""){
			error = true;
			target.className = "errorfield";
		}
	}
	
	if (error){
		return false;
	} else {
		return true;
	}
}

function confirmDelete (id, row, group){
	var target = document.getElementById(id);
	target.innerHTML = "&nbsp; <b>Product echt <a href='query/deleterow.php?id=" + row + "&group=" + group + "'>verwijderen uit database</a>?</b>";
	
}
/* 
COUPON
*/

function setValue(waarde, id){
	document.getElementById(id).value = waarde;
	//alert (document.getElementById("couponcode").value);
	
}