var curkleur = ""
var curmaat  = ""


/************************
 * MouseOver/Out Events *

************************/
function mOver(ref) {
	if(document.getElementById(ref)){
		if(document.getElementById(ref).rev == "menu"){
			document.getElementById(ref).style.color = "#e89e31";
		}
	}
}

function mOut(ref) {
	if(document.getElementById(ref)){
		activeRef = window.location.href.slice(window.location.href.indexOf('ref=') + 4),window.location.href.indexOf('&',window.location.href.indexOf('ref='));
		if(ref == activeRef){
		}
		else{
			if(document.getElementById(ref).rev == "menu"){
				document.getElementById(ref).style.color = "";
			}
		}
	}
}

function ajaxRequest(id) {
	if (window.XMLHttpRequest) {
		xmlhttp2=new XMLHttpRequest();
	} else 
		if (window.ActiveXObject) {
			xmlhttp2=new ActiveXObject("Microsoft.XMLHTTP");
		} else {
			alert("Your browser does not support XMLHTTP!");
	}
	xmlhttp2.onreadystatechange=function() {
		if (xmlhttp2.readyState==4 && id != 'melding' && id != '') {
			if (id == 'maatselector') {
				hulp = xmlhttp2.responseText
				veld = hulp.split("|")
				document.getElementById(id).innerHTML = veld[0]
				document.getElementById('prodprijs').innerHTML = veld[1]
			} else {
				document.getElementById(id).innerHTML = xmlhttp2.responseText
			}
		}
		if (xmlhttp2.readyState==4 && id == 'melding') {
			alert(xmlhttp2.responseText)
		}
	}
}

function addToCart(artikelcode) {
	if (curkleur == '') {
		alert('Geen kleur opgegeven')
	} else {
		if (curmaat == '') {
			alert('Geen maat opgegeven')
		} else {
			command = "/getbasket.asp?artikel=" + artikelcode + "&maat=" + curmaat + "&kleur=" + curkleur
			ajaxRequest('winkelwagentje');
			xmlhttp2.open("GET",command ,true);
			xmlhttp2.send(null);
			alert("Artikel toegevoegd aan winkelwagentje");
		}
	}
}

function changeWijze() {
	frm = document.winkelmandje
	if (frm.wijze[0].checked) {
		frm.bank.style.display = 'block'
	} else {
		frm.bank.style.display = 'none'
	}
}

function checkPostcode() {
	re = /^[1-9][0-9]{3} ?[a-zA-Z]{2}$/
	elem = document.winkelmandje.postcode
	invoer = elem.value
	if (invoer != '') {
		OK = re.exec(invoer);
		if (OK) {
			elem.value = invoer.substr(0,4) + " " + invoer.substr(invoer.length - 2,2).toUpperCase();
			return true
		} else {
			alert (invoer + " is geen geldige Nederlandse postcode!");
			return false
		}
	} else {
		return true
	} 
}

function checkEmail() {
	elem = document.winkelmandje.email
	re = /^[A-Za-z0-9_\-]+([.][A-Za-z0-9_\-]+)*[@][A-Za-z0-9_\-]+([.][A-Za-z0-9_\-]+)+$/
	if (elem.value != '') {
		if (!re.exec(elem.value)) {
			alert('Fout in emailadres')
			return false
		} else {
			return true
		}
	} else {
		return true
	}
}

function formatBedrag(invoer){
	invoer = Math.round(invoer * 100) / 100
	var test = invoer.toString()
	deel = test.split('.')
	if (deel[1]) {
		if (deel[1].length == 1) {
			bedrag = test + '0'
		} else {
			bedrag = test
		}
	} else {
		bedrag = test + '.00'
	}
	bedrag = bedrag.replace(",","")
	bedrag = bedrag.replace(".",",")
	return bedrag
}

function showpage(groep,nr) {
	document.shop.action = 'product/' + groep + '/' + nr + "/"
	document.shop.submit();
}

function wijzigWinkelwagen(nr) {
	field = document.getElementById('atl-' + nr)
	if (field.value != '') {
		field.value = field.value.replace(/[^0-9]/g,"");
		aantal = field.value
	} else {
		aantal = 0
	}
	ajaxRequest('winkelwagentje')
	xmlhttp2.open("GET","getbasket.asp?change=" + nr + "&atl=" + aantal,true);
	xmlhttp2.send(null);
	frm = document.winkelmandje
	var subtotal = 0
	var aantal = 0
	for (var i=0; i < frm.length; i++) {
		form_field = frm.elements[i]
		form_id = form_field.id;
		if (form_id.substring(0,4) == "atl-") {
			artcode = form_id.substring(4)
			if (form_field.value == '') {
				item_quantity = 0
			} else {
				item_quantity = parseInt(form_field.value);
			}	
			aantal = aantal + item_quantity
			artikelprijs = (document.getElementById('prs-' + artcode).innerHTML).replace(",",".");
			document.getElementById('tot-' + artcode).innerHTML = formatBedrag(artikelprijs * item_quantity);
			subtotal = subtotal + (artikelprijs * item_quantity);
		}
	}
	
	document.getElementById('subtotaal').innerHTML = formatBedrag(subtotal)
	if (subtotal < franco && subtotal > 0) {
		verzendkost = kosten
	} else {
		verzendkost = 0
	}
	
	document.getElementById('verzendkosten').innerHTML = formatBedrag(verzendkost)
	
	eindtot = subtotal + verzendkost
	document.getElementById('totaal').innerHTML = formatBedrag(eindtot)
	excl = Math.round((eindtot * 10000 / (parseFloat(document.getElementById('btwperc').value) + 100))) / 100
	btwbedrag = eindtot - excl
	document.getElementById('excl').innerHTML = formatBedrag(excl)
	document.getElementById('btwbedrag').innerHTML = formatBedrag(btwbedrag)
	frm.incl.value = formatBedrag(eindtot)
}

function verwijder(nr) {
	if (confirm('Gemarkeerd artikel verwijderen?')) {
		document.getElementById('reg-' + nr).style.display = 'none'
		document.getElementById('atl-' + nr).value = 0
		wijzigWinkelwagen(nr)	
	} 
}

function annuleren(groep,nr) {
	if (confirm('Alles uit winkelmandje')) {
		document.shop.action = 'shop/reset/' + groep + '/' + nr + '/'
		document.shop.submit();
	}
}

function naarbetaling() {
	fout = false;
	frm = document.winkelmandje
	if (frm.naam.value == '')     fout = true;
	if (frm.adres.value == '')    fout = true;
	if (frm.postcode.value == '') fout = true;
	if (frm.plaats.value == '')   fout = true;
	if (frm.telefoon.value == '') fout = true;
	if (frm.postcode.value == '') fout = true;
	if (frm.email.value == '')    fout = true;
	if (fout) {
		alert('Niet alle gegevens ingevuld')
	} else {
		if (checkPostcode()) {
			if (checkEmail()) {
				frm.submit()
			}
		} 
	}
}

function naaroverzicht() {
	frm = document.winkelmandje
	if (!frm.wijze[0].checked && !frm.wijze[1].checked) {
		alert('Geen betaalwijze opgegeven')
	} else {
		if (frm.wijze[0].checked && frm.bank.value == '') {
			alert('Geen bank geselecteerd')
		} else {
			frm.submit()
		}
	}	
}

function verzenden() {
	if (document.getElementById('akkoord').checked) {
		document.getElementById('wachten').style.display = 'block'
		location.href = '/shop/verzenden/'
	} else {
		alert('Geen akkoord bij algemene voorwaarden')
	}	
}

function naaruwgegevens() {
//	if (parseFloat(document.getElementById('subtotaal').innerHTML.replace(",",".")) > 0) {
		document.winkelmandje.submit();
//	} 	
}

function vervolgFout(referentie) {
	if (!document.getElementById('vooruit').checked && !document.getElementById('annuleren').checked) {
		alert('Maak een keuze')
	} else {
		if (document.getElementById('vooruit').checked) {
			location.href = '/verzenden.asp?referentie=' + referentie + '&opnieuw=1'
		} else { 
			location.href = '/annuleren.asp?referentie=' + referentie
		}
	}
}

function naarhome() {
	location.href = '/'
}

function inschrijven() {
	document.getElementById('inschrijfknop').style.display = 'none'
	document.getElementById('inschrijfpart').style.display = 'block'
}

function zendNieuwsbrief() {
	email = document.getElementById('email').value
	if (email == '') {
		alert('Geen emailadres opgegeven')
	}
		if (checkEmail2(email)) {
			ajaxRequest('melding')
			xmlhttp2.open("GET","opnemenNieuwsbrief.asp?email=" + email,true)
			xmlhttp2.send(null)
			alert('Emailadres toegevoegd aan nieuwsbrief')
			document.getElementById('email').value = ''
			document.getElementById('inschrijfknop').style.display = 'block'
			document.getElementById('inschrijfpart').style.display = 'none'
		}	
}

function checkEmail2(elem) {
	re = /^[A-Za-z0-9_\-]+([.][A-Za-z0-9_\-]+)*[@][A-Za-z0-9_\-]+([.][A-Za-z0-9_\-]+)+$/
	if (!re.exec(elem)) {
		alert('Fout in emailadres')
		return false
	} else {
		return true
	}
}

function wisselcategorie () {
	ajaxRequest('type')
	xmlhttp2.open("GET",'seltype.asp?categorie=' + document.getElementById('categorie').value ,true)
	xmlhttp2.send(null)
//	alert ('categorie: ' + document.getElementById('categorie').value) 
}



function selectkleur(kleur,arttype) {
	if (curkleur) {
		document.getElementById(curkleur).className = 'kleursel'
	}
	document.getElementById(kleur).className = 'kleursel-act'
	curkleur = kleur	
	curmaat = ""
	
	command = "/getsize.asp?art=" + arttype + "&color=" + kleur
	ajaxRequest('maatselector');
	xmlhttp2.open("GET",command ,true);
	xmlhttp2.send(null);
}

function wissel(sw) {
	document.getElementById('middle').src = document.getElementById(sw).value
	if (document.getElementById('big')) {
		document.getElementById('big').href = document.getElementById(sw).value
	}	
}

function submitsearch() {
	if (document.getElementById('searchinput').value == '') {
		alert('Geen zoekgegevens opgegeven')
	} else {	
		document.searchform.submit()
	}	
}	

function bingo() {
	if (document.getElementById('searchinput').value == '  Zoeken artikel...') {
		document.getElementById('searchinput').value = ''
	}
}

function changefilter () {
	document.filter.action = '/product/' + groep.replace(' ','_') + '/1/'
	document.filter.submit()
}

function changeMaat(maat) {
	if (curmaat) {
		document.getElementById(curmaat).className = 'maatsel'
	}
	document.getElementById(maat).className = 'maatsel-act'
	curmaat = maat
}

function firstcolor() {
	alert('Selecteer eerst de gewenste kleur')
}