// JavaScript Document
function checkEmail() {
	var adres = document.webshop.email.value;
	var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	if(filter.test(adres)) {
		return true;
	} else {
		alert("Voer een geldig e-mail adres in a.u.b.\n Anders kunnen wij ook geen contact met u opnemen.");
		return false;
	}
}
function checkTel() {
	var tel = document.webshop.tel.value;
	var filter = /^[0-9]*$/g;
	if(tel.length < 10 || tel.length > 10) {
		alert('Voer een geldig telefoonnummer in a.u.b.\n Anders kunnen wij ook geen contact met u opnemen.');
		return false;
	}
	if(filter.test(tel)) {
		return true;
	} else {
		alert("Voer een geldig telefoonnummer in a.u.b.\n Anders kunnen wij ook geen contact met u opnemen.");
		return false;
	}
}
function webshopInfo(type) {
	if(type == 'bellen') {
		var tekst = '<form onsubmit="return checkTel()" name="webshop" style="margin:0px;" method="post" action="webshop_mail.php?form=bellen">';
		tekst += '<i>Uw Naam</i><br />';
		tekst += '<input class="inputbox" type="text" name="naam" /><br />';
		tekst += '<i>Uw telefoon nummer:</i><br />';
		tekst += '<input class="inputbox" type="text" name="tel" /><br />';
		tekst += '<i>Uw E-mail adres:</i><br />';
		tekst += '<input class="inputbox" type="text" name="email" /><br />';
		
	}
	else if(type == 'info') {
		var tekst = '<form onsubmit="return checkEmail()" name="webshop" style="margin:0px;" method="post" action="webshop_mail.php?form=info">';
		tekst += '<input type="hidden" name="onderwerp" value="Webshop auto email: " />';
		tekst += '<i>Uw Naam</i><br />';
		tekst += '<input class="inputbox" type="text" name="naam" /><br />';
		tekst += '<i>Uw E-mail adres:</i><br />';
		tekst += '<input class="inputbox" type="text" name="email" /><br />';
		tekst += '<i>Uw vraag:</i><br />';
		tekst += '<textarea class="submitbox" name="bericht" cols="30" rows="6"></textarea><br />';
	}
	else if(type == 'kopen') {
		var tekst = '<form onsubmit="return checkEmail()" name="webshop" style="margin:0px;" method="post" action="webshop_mail.php?form=koop">';
		tekst += '<i>Uw Naam</i><br />';
		tekst += '<input class="inputbox" type="text" name="naam" /><br />';
		tekst += '<i>Uw E-mail adres:</i><br />';
		tekst += '<input class="inputbox" type="text" name="email" /><br />';
		tekst += '<i>Uw adres:</i><br />';
		tekst += '<input class="inputbox" type="text" name="adres" /><br />';
		tekst += '<i>Uw Postcode:</i><br />';
		tekst += '<input class="inputbox" type="text" name="postcode" /><br />';
		tekst += '<i>Uw woonplaats:</i><br />';
		tekst += '<input class="inputbox" type="text" name="woonplaats" /><br />';
		tekst += '<i>Uw telefoon nummer:</i><br />';
		tekst += '<input class="inputbox" type="text" name="tel" /><br />';
		tekst += '<i>Eventuele opmerking:</i><br />';
		tekst += '<textarea class="submitbox" name="bericht" cols="30" rows="6"></textarea><br />';
	}
	tekst += '<input class="submitbox" style="margin-bottom:3px;margin-top:3px;" type="submit" name="submit" value="Versturen" /></form>';
	document.getElementById('form_webshop').innerHTML = tekst;
}

//functie voor reminder sturen als product binnen komt
function webshop_alert(type) {
	if(type == 'sms') {
		var tekst = '<form onsubmit="return checkTel();" name="webshop" style="margin:0px;" method="post" action="webshop_alert.php">';
		tekst += '<input type="hidden" name="type" value="sms" />';
		tekst += '<i>Uw Naam</i><br />';
		tekst += '<input class="inputbox" type="text" name="naam" /><br />';
		tekst += '<i>Uw E-mail adres:</i><br />';
		tekst += '<input class="inputbox" type="text" name="email" /> (U dient deze aanvraag te bevestigen per e-mail)<br />';
		tekst += '<i>Uw mobiele nummer:</i><br />';
		tekst += '<input class="inputbox" type="text" name="tel" /> (Bijvoorbeeld: 0612345678)<br />';
		tekst += '<i>Type de onderstaande beveiligingscode over:</i><br />';
		tekst += '<img style="margin-bottom:3px;" src="includes/create_security_picture.inc.php" alt="" /><br />';
		tekst += '<input type="text" name="code" /><br />';
	} else {
		var tekst = '<form onsubmit="return checkEmail()" name="webshop" style="margin:0px;" method="post" action="webshop_alert.php">';
		tekst += '<input type="hidden" name="type" value="email" />';
		tekst += '<i>Uw Naam</i><br />';
		tekst += '<input class="inputbox" type="text" name="naam" /><br />';
		tekst += '<i>Uw E-mail adres:</i><br />';
		tekst += '<input class="inputbox" type="text" name="email" /><br />';
	}
	
	tekst += '<input class="submitbox" style="margin-bottom:3px;margin-top:3px;" type="submit" name="submit" value="Versturen" /></form>';
	document.getElementById('webshop_alert').innerHTML = tekst;
	
}

//functie voor de webshop voor de formulieren
function emptySearch() {
	document.webshopSearch.searchInput.value = '';	
	document.webshopSearch.searchInput.focus();
}
//functie voor de alert box...
function show_message(text, icon) { // icon == alert || confirm
	var box_content=document.getElementById('error_contents');
	var box_bugfix=document.getElementById('error_iframe'); // Voor IE6 bugfix
	var db=document.body;
	
	// Maakt de box op
	var htmlcode='<IMG src="images/'+icon+'.gif" align="left">'+text;
	box_content.innerHTML=htmlcode;
	
	// Geeft de box weer
	document.getElementById('error_box').style.display='inline';
	window.setTimeout("document.getElementById('error_box').style.display='none';",6000);
	// Positioneert de box
	var new_left=((db.clientWidth/2)-(box_content.clientWidth/2));
	
	if (document.documentElement && document.documentElement.scrollTop)
	theTop = document.documentElement.scrollTop;
		else if (document.body)
	theTop = document.body.scrollTop
	
	var new_top=(theTop+(db.clientHeight/2)-(box_content.clientHeight/2));
	box_content.style.left=new_left+"px";
	box_content.style.top=new_top+"px";
	
	if(box_bugfix) {
		box_bugfix.style.left=new_left+"px";
		box_bugfix.style.top=new_top+"px";
		box_bugfix.style.width=box_content.clientWidth+"px";
		box_bugfix.style.height=box_content.clientHeight+"px";
	}
}
//nieuwsbrief
function validateFrmAanmelden(theForm)
{ 
if (theForm.emailaddress.value == "" )
{
alert("U moet een E-mailadres invullen.");
theForm.emailaddress.focus( ); 
return (false);
}
if (theForm.lastname.value == "" )
{
alert("U moet een Achternaam invullen.");
theForm.lastname.focus( ); 
return (false);
}
if (theForm.companyname.value == "" )
{
alert("U moet een Bedrijfsnaam invullen.");
theForm.companyname.focus( ); 
return (false);
}
return(true);
}

function validateFrmAfmelden(theForm)
{ 
if (theForm.emailaddress.value == "" )
{
alert("U moet een E-mailadres invullen.");
theForm.emailaddress.focus( ); 
return (false);
}
return(true);
}

function createOffsetMainDiv() {
	var ScreenW = document.documentElement.clientWidth;
	var ScreenH = document.documentElement.clientHeight;
	
	document.getElementById('overlay').style.width = ScreenW + 'px';
	document.getElementById('overlay').style.height = ScreenH + 'px';
}
function centrate_errorbox() {
	//eerst width en height van client ophalen...
	var ScreenW = document.documentElement.clientWidth;
	var ScreenH = document.documentElement.clientHeight;
	//middenpositie uitrekenen...
	var middenW = ScreenW / 2;
	var middenH = ScreenH / 2;
	
	//hoogte van de errorcontentbox en de breedte even definieren
	var errorboxW = 350;
	var errorboxH = 200;
	
	//uitindelijke positie van de box uitrekenen...
	var boxW = middenW - (errorboxW / 2);
	var boxH = middenH - (errorboxH / 2);
	
	document.getElementById('errorbox').style.left = boxW + 'px';
	document.getElementById('errorbox').style.top = boxH + 'px';
}

function toggle(div, actie) {
	if(actie == 'aan') {
		document.getElementById(div).style.display = 'block';
		createOffsetMainDiv();
		centrate_errorbox();
	} else {
		document.getElementById(div).style.display = 'none';
	}
}