var kaarten = new Array("Heuveltjes", "Babyboom", "Stadje", "Vijvertje", "Bubbelbad	", "Snelweg", "Kasteel", "Visjes", "Meisjes", "Joepie", "Babybel", "Aan zee", "Regenboog", "Tweelingschommel", "Tweelinghuis", "Wereldkindje")

var kleurHeuveltjes = new Array("rood", "lentegroen");
var kleurBabyboom = new Array("lentegroen");
var kleurStadje = new Array("lentegroen", "wit", "hemelsblauw");
var kleurVijvertje = new Array("lentegroen", "rood");
var kleurBubbelbad = new Array("hemelsblauw", "wit", "rood");
var kleurSnelweg = new Array("lentegroen", "wit");
var kleurKasteel = new Array("hemelsblauw", "wit");
var kleurVisjes = new Array("rood", "hemelsblauw", "wit");
var kleurMeisjes = new Array("wit");
var kleurJoepie = new Array("rood", "hemelsblauw");
var kleurBabybel = new Array("rood", "wit");
var kleurAanzee = new Array("rood", "hemelsblauw");
var kleurRegenboog = new Array("wit", "rood");
var kleurTweelingschommel = new Array("hemelsblauw", "lentegroen", "wit");
var kleurTweeling = new Array("rood", "hemelsblauw", "wit");
var kleurWereldkindje = new Array("rood", "wit");

var kleurEnvelop = new Array("wit", "hemelsblauw", "lentegroen", "rood")

var lettertype = new Array("01. Arial, zie voorbeelden", "02. Lucida Sans", "03. Century Gothic", "04. Times New Roman", "05. Bookman old style", "06. Comic Sans", "07. Aldo", "08. Another Typewriter", "09. Allstar", "10. College", "11. Chocolate", "12. Curls", "13. Little Lord Fontleroy", "14. Monotype Corsiva", "15. Parma Petit", "16. Marketing Script", "17. Jane Austen", "18. Jugend", "19. Pinafore", "20. Angelina", "21. Amandine", "22. Cursive Standard", "23. Boingo")

var aantal = new Array("Geen", "50", "60", "70", "80", "90", "100", "110", "120", "130", "140", "150", "160", "170", "180", "190", "200", "210")
var prepost = new Array("Ja", "Nee")

/* */
var naamKaart, andereZijde, kaartIdTemp;

function name2filname(str)
{
	if (str=="Aan zee" || str=="Aan"){
		return "Aanzee";
	}
	else if (str=="Tweelinghuis"){
		return "Tweeling";
	}
	else {
		return str;
		}
}

function Get_Obj(id) {
var o = new Object();
o.o = (document.getElementById) ? document.getElementById(id) :
document.layers ? document.layers[id] :
document.all ? document.all[id] : null;
o.s = document.layers ? o.o : o.o.style;
return o;
}

var activeZijde
function showLayer(layer, kaartId, zijdeKaart) {
activeZijde = zijdeKaart;

if (zijdeKaart=='bn'){
	andereZijde = 'bu';
	}
	else{
		andereZijde = 'bn';
		}
kaartIdTemp = kaartId;
	if (kaartIdTemp==(kaarten.length)){
			kaartIdTemp=0;
			}
			else if (kaartIdTemp<=-1){
			kaartIdTemp = (kaarten.length-1);
			}
			else {}
	if (kaartId==14){
		tekstAndereKaart = "Toon de andere kaart";
		}
		else {tekstAndereKaart = "Andere zijde";}

	Get_Obj(layer).s.visibility = 'visible';
	var layerContent = '';
	var layerContent = '<div style=\"width:600px; float: left; text-align: center;\">'+ kaarten[kaartIdTemp] +'	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"javascript: hideLayer(\'layer2\')\">Sluit dit venster</a></div>';
	var layerContent = layerContent + '<div style=\"width:600px; float: left;\"><a href=\"javascript: hideLayer(\'layer2\')\"><img border=\"0\" src=\"img/concepten/concept-'+name2filname(kaarten[kaartIdTemp])+'-'+zijdeKaart+'.jpg\" width=\"600px\" height=\"306px\" alt=\"Sluit het venster\"></a></div>';
	var layerContent = layerContent + '<div style=\"width:600px; float: left; text-align: right;\">';
	var layerContent = layerContent + '<a href=\"javascript: void(0);\" onClick=\"showLayer(\'layer2\', kaartIdTemp, andereZijde); return false;\">'+ tekstAndereKaart +'</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
	var layerContent = layerContent + '<a href=\"javascript: void(0);\" onClick=\"showLayer(\'layer2\', kaartIdTemp - 1, activeZijde); return false;\">< Vorige kaart </a> |';
	var layerContent = layerContent + '<a href=\"javascript: void(0);\" onClick=\"showLayer(\'layer2\', kaartIdTemp + 1, activeZijde); return false;\"> Volgende kaart ></a></div>';
	document.getElementById(layer).innerHTML = layerContent;
	}

function showLayers() {for (var i=0; i<arguments.length; i++) showLayer(arguments[i]);}

function hideLayer(id) {	Get_Obj(id).s.visibility = 'hidden';}

function hideLayers() {	for (var i=0; i<arguments.length; i++) hideLayer(arguments[i]);}


/* */
function createDropdown (naam, nummer, preTekst, change){
var tempName;

	if (naam=="kaart"){
		tempName = kaarten;
		tempName.sort();
		}
	else if (naam=="lettertype"){
		tempName = lettertype;
		tempName.sort();
	}
	else if (naam=="envelop"){
		tempName = kleurEnvelop;
		tempName.sort();
	}
	else if (naam=="aantal"){
		tempName = aantal;
	}
	else if (naam=="prepost"){
		tempName = prepost;
	}	
	else {
		tempName = new Array ("Er is een fout opgetreden", "&nbsp;");
		}
		
	var optionTemp = "";
	var Dropdown = "";
	if (preTekst==1){
		optionTemp = "<option value=\"Geen keuze gemaakt\">-- Kies kaart</option>"
	}
	else if (preTekst==2){
		optionTemp = "<option value=\"Geen keuze gemaakt\">-- Kies kleur envelop</option>"
	}
	else if (preTekst==3){
		optionTemp = "<option value=\"Geen keuze gemaakt\">-- Kies lettertype</option>"
	}
	else if (preTekst==4){
		optionTemp = "<option value=\"0\">-- Kies aantal</option>"
	}	
	else if (preTekst==5){
		optionTemp = "<option value=\"Geen keuze gemaakt\">-- Ja/Nee</option>"
	}
	
	var toevoeging = ""
	if (change=="Jongen" || change=="Meisje")	{
		toevoeging = "onChange=\"adviesPImage(this.value, this.id)\""
	}
	if (change=="countEnv" || change=="countKaart" || change=="janee")	{
		toevoeging = "onChange=\"berekenKosten(this.value, this.id)\""
	}
	for (i=0; i<tempName.length; i++){
			optionTemp  = optionTemp  + "<option value=\"" + tempName[i]  + "\">" + tempName[i] + "</option>";
		}
	Dropdown = "<select "+toevoeging+" id=\""+change+"\" style=\"width: 170px\" name=\"" + naam + nummer +"\">";
	
	Dropdown = Dropdown + optionTemp;
	Dropdown = Dropdown + "</select>";

	return Dropdown;
}
function berekenKosten(aantal, post){
	//Kaarten	
	var kostenKaart = 0;
	kostenKaartDB = document.getElementById('countKaart').value;
	if (kostenKaartDB == "Geen" || kostenKaartDB == 0){
		kostenKaart = 0;
		}else{kostenKaart = parseInt(kostenKaartDB) + 100;}
	//var kostenKaartHtml	= kostenKaart.toString();
	//kostenKaartHtml = kostenKaartHtml.replace(".",",")
	document.getElementById('kostenKaarten').innerHTML = "&euro; "+maakHtmlGetal(kostenKaart);
	
	//Enveloppen
	var kostenEnv = 0;
	kostenEnvDd = document.getElementById('countEnv').value;
	if (kostenEnvDd == "Geen") kostenEnvDd = 0;
	kostenEnv = kostenEnvDd * 0.25;
	document.getElementById('kostenEnv').innerHTML = "&euro; "+maakHtmlGetal(kostenEnv);

	//Spoed
	var kostenSpoed = 0;
	kostenSpoedDd = document.getElementById('janee').value;
	//alert(kostenSpoedDd)
	if (kostenSpoedDd == "Nee" || kostenSpoedDd == "Geen keuze gemaakt") kostenSpoed = 0;
	if (kostenSpoedDd == "Ja") kostenSpoed = 10
	document.getElementById('kostenSp').innerHTML = "&euro; "+maakHtmlGetal(kostenSpoed);
	
	//Totaal
	var totalekosten = 0
	totalekosten = kostenKaart + kostenEnv + kostenSpoed + 15;
	document.getElementById('kostenTotaal').innerHTML = "&euro; "+maakHtmlGetal(totalekosten);
	document.getElementById('sendKosten').value = "&euro; "+maakHtmlGetal(totalekosten);
	}


function maakHtmlGetal (bedrag){

	//Afronden op twee cijfers achter de komma
	bedrag = Math.round(bedrag * 100) / 100
	
	bedrag = String(bedrag)
	bedragS = bedrag.split(".");
	//bedragS = new Array (bedragT);
	var achterDeKomma = ",00"
	if (bedragS.length >= 2){
		if (bedragS[1].length == 1){
			achterDeKomma = (","+bedragS[1]+"0")
			}
	}
	return bedragS[0] + achterDeKomma;
	//var kostenEnvHtml = kostenEnv.toString();
	//kostenEnvHtml = kostenEnvHtml.replace(".",",")

	}

function adviesPImage(kaart, change){
	var kleurenHTML = ""
	kleurenHTML = kleurenHTML + "&nbsp;<img align=\"left\" src=\"img/voorbeeld-"+name2filname(kaart)+"-bu.jpg\" width=\"100px\" height=\"52px\">"
	kleurenHTML = kleurenHTML + "<br />Advieskleur(en) envelop: "
	kleurenArr = eval("kleur"+name2filname(kaart))
	for (i=0;i<kleurenArr.length;i++){
			kleurenHTML = kleurenHTML + "<br /> - " + kleurenArr[i] + "&nbsp;";
		}
	document.getElementById('toevoegingMeisje').innerHTML = "";
	document.getElementById('toevoegingJongen').innerHTML = "";
	document.getElementById('toevoeging'+change).innerHTML = kleurenHTML;
	}

function loadImagesHomepage(){
	MM_preloadImages(	'../img/backgrounds/adoptiekaarten.jpg', '../img/backgrounds/bestelformulier.jpg',	'../img/backgrounds/bestel-modelkaart.jpg',	'../img/backgrounds/bestel-stap-1.jpg',	'../img/backgrounds/bestel-stap-2.jpg',	'../img/backgrounds/contact.jpg',	'../img/backgrounds/de-tekenaar.jpg',	'../img/backgrounds/geboortekaarten-2.jpg',	'../img/backgrounds/geboortekaarten-3.jpg',	'../img/backgrounds/geboortekaarten-4.jpg',	'../img/backgrounds/geboortekaarten-5.jpg',	'../img/backgrounds/geboortekaarten.jpg',	'../img/backgrounds/homepage.jpg',	'../img/backgrounds/prijzen-1.jpg',	'../img/backgrounds/prijzen-2.jpg',	'../img/backgrounds/prijzen-3.jpg',	'../img/backgrounds/tweelingkaartjes.jpg',	'../img/backgrounds/werkwijze-2.jpg',	'../img/backgrounds/werkwijze.jpg');
	}

/* -- Macromedia Image loading, swapping and restore -- */
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
	
/* -- Controleer velden -- */
	function submitForm() {
		var formOkay = inputCheck();
		if (formOkay == 0 || formOkay == undefined) {
			//no errors occured, so submit the form
			return true;
		} else {
			return false;
		}
	}

function fieldIsEmpty(elemId, alertText) {
	//checks if field is empty
	var elem = document.getElementById(elemId);
	if (elem.type.indexOf('textarea') > -1 || elem.type.indexOf('text') > -1) {
	//check if text is empty --------------------------------------------------------
		if ((trim(elem.value).length==0) || (elem.value==null)) {
			elem.className = raiseErr(elem.className, 'do');
			document.getElementById(elemId + '_err').innerHTML = alertText;
			document.getElementById(elemId + '_err').style.display = 'block';
			return true;
		} else {
			elem.className = raiseErr(elem.className, 'undo');
			document.getElementById(elemId + '_err').innerHTML = '';
			document.getElementById(elemId + '_err').style.display = 'none';
			return false;
		}
	} else if (elem.type.indexOf('select') > -1) {
	//check if selection is made (dropdown) -----------------------------------------
		if ((trim(elem.value).length==0) || (elem.value==null)) {
			elem.className = raiseErr(elem.className, 'do');
			document.getElementById(elemId + '_err').innerHTML = alertText;
			document.getElementById(elemId + '_err').style.display = 'block';
			return true;
		} else {
			elem.className = raiseErr(elem.className, 'undo');
			document.getElementById(elemId + '_err').innerHTML = '';
			document.getElementById(elemId + '_err').style.display = 'none';
			return false;
		}

	} else if (elem.type.indexOf('radio') > -1 || elem.type.indexOf('checkbox') > -1) {
	//check if selection is made (radio/checkbox)------------------------------------

		var iSelected = 0;
		var oBox = document.getElementsByName(elem.name)

		for(var iBox=0; iBox<oBox.length; iBox++){
			if (oBox[iBox].checked == true) { iSelected++; }
		}

		if (iSelected == 0) {
			document.getElementById(elemId + '_err').innerHTML = alertText;
			document.getElementById(elemId + '_err').style.display = 'block';
			return true;
		} else {
			document.getElementById(elemId + '_err').innerHTML = '';
			document.getElementById(elemId + '_err').style.display = 'none';
			return false;
		}

	}
}

function raiseErr(className, direction) {
	if (direction == 'do') {
			//highlighten van error veld
			if (className == 'small') { return 'smallErr'; }
			else if (className == 'medium') { return 'mediumErr'; }
			else { return 'Err'; }
	} else {
			//ongedaan maken van error
			if (className == 'smallErr') { return 'small'; }
			else if (className == 'mediumErr') { return 'medium'; }
			else { return ''; }
	}
}
function trim(str)
{
	 return str.replace(/^\s*|\s*$/g,"");
}