function show(type) {
	if(type == 'bedrukt') {
		// show bedrukt form
		document.getElementById('bedruktChooser').style.display='block';
		document.getElementById('bedruktContainer').style.display='block';
		document.getElementById('backgroundChooser').style.display='none';
		document.getElementById('aantalChooser').style.display='none';
		document.getElementById('nummeringChooser').style.display='none';
		document.getElementById('kinderbandjeChooser').style.display='none';
		document.getElementById('upload').style.display='none';
		document.getElementById('onlineontwerpen').style.display='none';
		document.getElementById('onbedrukt').style.display='none';
		
		setPreview('overig');
		
		if(document.getElementById('onlineontwerpen_check').checked == true){
			document.getElementById('onlineontwerpen').style.display='block';
			document.getElementById('backgroundChooser').style.display='block';
			document.getElementById('aantalChooser').style.display='block';
			document.getElementById('nummeringChooser').style.display='block';
			document.getElementById('kinderbandjeChooser').style.display='block';
			setPreview('onlineontwerpen');}
		if(document.getElementById('upload_check').checked == true){
			document.getElementById('upload').style.display='block';
			document.getElementById('aantalChooser').style.display='block';
			document.getElementById('nummeringChooser').style.display='block';
			document.getElementById('kinderbandjeChooser').style.display='none';
			}
		
		
	}
	else if(type == 'onbedrukt') {
		// show onbedrukt form
		document.getElementById('bedruktChooser').style.display='none';
		document.getElementById('bedruktContainer').style.display='none';
		document.getElementById('backgroundChooser').style.display='block';
		document.getElementById('aantalChooser').style.display='block';
		document.getElementById('nummeringChooser').style.display='block';
		document.getElementById('kinderbandjeChooser').style.display='block';
		document.getElementById('onbedrukt').style.display='block';
		// reset image
		setPreview('onbedrukt');
	}
	else if(type == 'upload') {
		// show upload form
		document.getElementById('upload').style.display='block';
		document.getElementById('backgroundChooser').style.display='none';
		document.getElementById('aantalChooser').style.display='block';
		document.getElementById('nummeringChooser').style.display='block';
		document.getElementById('kinderbandjeChooser').style.display='none';
		document.getElementById('onlineontwerpen').style.display='none';
		// reset image
		setPreview('overig');
	}
	else if(type == 'onlineontwerpen') {
		// show onlineontwerpen form
		document.getElementById('backgroundChooser').style.display='block';
		document.getElementById('aantalChooser').style.display='block';
		document.getElementById('nummeringChooser').style.display='block';
		document.getElementById('kinderbandjeChooser').style.display='block';
		document.getElementById('upload').style.display='none';
		document.getElementById('onlineontwerpen').style.display='block';
		// reset image
		setPreview('onlineontwerpen');
	}
}

function setPreview(type) {
	if(type == 'onlineontwerpen') {
		var bckgrnd = document.getElementById('color1').value;
		// only show bg when full hex is entered
		if(bckgrnd.length != 6) {
			bckgrnd = 'ffffff';	
		}
		var fontcolor1 = document.getElementById('color2').value;

		// only show bg when full hex is entered
		if(fontcolor1.length != 6) {
			fontcolor1 = '000000';	
		}
		var fontcolor2 = document.getElementById('color3').value;
		// only show bg when full hex is entered
		if(fontcolor2.length != 6) {
			fontcolor2 = '000000';	
		}
		
		var logo1 = document.getElementById('logo1').value;
		var logo1kleur = document.getElementById('logo1kleur').value;
		
		var logo2 = document.getElementById('logo2').value;
		var logo2kleur = document.getElementById('logo2kleur').value;

		var font1 = document.getElementById('regel1_font').value;
		var txt1 = document.getElementById('regel1_tekst').value;
		var size1 = document.getElementById('regel1_size').value;
		
		var font2 = document.getElementById('regel2_font').value;
		var txt2 = document.getElementById('regel2_tekst').value;
		var size2 = document.getElementById('regel2_size').value;
		
		// font 1 type settings
		var bold1 = (document.getElementById('regel1_bold').checked == true) ? '&txt1_bold=1':'';
		var italic1 = (document.getElementById('regel1_italic').checked == true) ? '&txt1_italic=1':'';
		var underline1 = (document.getElementById('regel1_underline').checked == true) ? '&txt1_underline=1':'';
		// font 2 type settings
		var bold2 = (document.getElementById('regel2_bold').checked == true) ? '&txt2_bold=1':'';
		var italic2 = (document.getElementById('regel2_italic').checked == true) ? '&txt2_italic=1':'';
		var underline2 = (document.getElementById('regel2_underline').checked == true) ? '&txt2_underline=1':'';
		
		var kinderbandje = (document.getElementById('kinderbandje').checked == true) ? '&kinderbandje=1':'&kinderbandje=0';
		

		// fix empty sizes
		if(size1 == 0) { size1 = 12; }
		if(size2 == 0) { size2 = 12; }
		
		document.getElementById('polsbandje_preview').src='/polsbandje.php?bg='+escape(bckgrnd)+'&txt1_font='+escape(font1)+'&txt1_color='+escape(fontcolor1)+bold1+italic1+underline1+bold2+italic2+underline2+'&txt1='+escape(txt1)+'&txt1_size='+escape(size1)+'&txt2='+escape(txt2)+'&txt2_color='+escape(fontcolor2)+'&txt2_size='+escape(size2)+'&txt2_font='+escape(font2)+'&l1='+logo1+'&l1c='+logo1kleur+'&l2='+logo2+'&l2c='+logo2kleur+kinderbandje+'';	
	}
	else if(type == 'onbedrukt') {
		var bckgrnd = document.getElementById('color1').value;
		// only show bg when full hex is entered
		if(bckgrnd.length != 6) {
			bckgrnd = 'ffffff';	
		}
		
		document.getElementById('polsbandje_preview').src='/polsbandje.php?txt1_font=1&bg='+bckgrnd+'&txt1=&txt1_size=12&txt2=&txt2_size=12&txt2_font=1';
	}
	else if(type == 'overig') {
		document.getElementById('polsbandje_preview').src='/polsbandje.php?txt1_font=1&bg=ffffff&txt1=&txt1_size=12&txt2=&txt2_size=12&txt2_font=1';
	}
}

// colorpicker JS
function in_array(stringToSearch, arrayToSearch) {
            for (s = 0; s < arrayToSearch.length; s++) {
                        thisEntry = arrayToSearch[s].toString();
                        if (thisEntry == stringToSearch) {
                                   return s;
                        }
            }
            return false;
}
var textcolors=new Array("testkleur", "blauw","groen","rood","oranje","grijs","geel","paars","roze","zwart","wit");
var textcolors_hex=new Array("000000", "0000FF","00FF00","FF0000","FF9900","999999","FFFF00","9900FF","FF99FF","000000","FFFFFF");

// v = last color
function mkColor(v, d){
	if(d == 'plugin') {
		// set textbox
		document.getElementById('color1').value=v;
		// if color is 6 chars long continue
		v = v.toLowerCase();
		if(in_array(v, textcolors)){
			document.getElementById('color1').value = textcolors_hex[in_array(v, textcolors)];
			document.getElementById('colora1').style.background='#'+textcolors_hex[in_array(v, textcolors)];
			setPreview('onlineontwerpen');
			}	
		else if(v.length == 6) {
			// update colorpicker popup
			updateH(v);
			// update colorpicker buttonm
			document.getElementById('colora1').style.background='#'+v;
			// update polsbandje preview
			setPreview('onlineontwerpen');
		}
	}
	else if(d == 'plugin2') {
		// set textbox
		document.getElementById('color2').value=v;
		// if color is 6 chars long continue
		v = v.toLowerCase();
		if(in_array(v, textcolors)){
			document.getElementById('color2').value = textcolors_hex[in_array(v, textcolors)];
			document.getElementById('colora2').style.background='#'+textcolors_hex[in_array(v, textcolors)];
			setPreview('onlineontwerpen');
			}	
		else if(v.length == 6) {
			// update colorpicker popup
			updateH(v);
			// update colorpicker buttonm
			document.getElementById('colora2').style.background='#'+v;
			// update polsbandje preview
			setPreview('onlineontwerpen');
		}
	}
	else if(d == 'plugin3') {
		// set textbox
		document.getElementById('color3').value=v;
		// if color is 6 chars long continue
		v = v.toLowerCase();
		if(in_array(v, textcolors)){
			document.getElementById('color3').value = textcolors_hex[in_array(v, textcolors)];
			document.getElementById('colora3').style.background='#'+textcolors_hex[in_array(v, textcolors)];
			setPreview('onlineontwerpen');
			}	
		else if(v.length == 6) {
			// update colorpicker popup
			updateH(v);
			// update colorpicker buttonm
			document.getElementById('colora3').style.background='#'+v;
			// update polsbandje preview
			setPreview('onlineontwerpen');
		}
	}
}

function number_format( number, decimals, dec_point, thousands_sep ) {
    // *     example 1: number_format(1234.56);
    // *     returns 1: '1,235'
    // *     example 2: number_format(1234.56, 2, ',', ' ');
    // *     returns 2: '1 234,56'
    // *     example 3: number_format(1234.5678, 2, '.', '');
    // *     returns 3: '1234.57'
    // *     example 4: number_format(67, 2, ',', '.');
    // *     returns 4: '67,00'
    // *     example 5: number_format(1000);
    // *     returns 5: '1,000'
    // *     example 6: number_format(67.311, 2);
    // *     returns 6: '67.31'
    // *     example 7: number_format(1000.55, 1);
    // *     returns 7: '1,000.6'
    // *     example 8: number_format(67000, 5, ',', '.');
    // *     returns 8: '67.000,00000'
    // *     example 9: number_format(0.9, 0);
    // *     returns 9: '1'
    var n = number, prec = decimals;
    var toFixedFix = function (n,prec) {
        var k = Math.pow(10,prec);
        return (Math.round(n*k)/k).toString();
    };
 
    n = !isFinite(+n) ? 0 : +n;
    prec = !isFinite(+prec) ? 0 : Math.abs(prec);
    var sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep;
    var dec = (typeof dec_point === 'undefined') ? '.' : dec_point;
 
    var s = (prec > 0) ? toFixedFix(n, prec) : toFixedFix(Math.round(n), prec); //fix for IE parseFloat(0.55).toFixed(0) = 0;
 
    var abs = toFixedFix(Math.abs(n), prec);
    var _, i;
 
    if (abs >= 1000) {
        _ = abs.split(/\D/);
        i = _[0].length % 3 || 3;
 
        _[0] = s.slice(0,i + (n < 0)) +
              _[0].slice(i).replace(/(\d{3})/g, sep+'$1');
        s = _.join(dec);
    } else {
        s = s.replace('.', dec);
    }
    if (s.indexOf(dec) === -1 && prec > 1) {
        s += dec+new Array(prec).join(0)+'0';
    }
    return s;
}

function change_kosten(){

if(document.getElementById("verzekering").checked==true){
document.getElementById("show_verz1").style.display = "block";
document.getElementById("show_verz2").style.display = "block";
verzekering = 1.86;
}else{
document.getElementById("show_verz1").style.display = "none";
document.getElementById("show_verz2").style.display = "none";
verzekering = 0;
}

if(document.getElementById("betaalwijze").value == "1"){
verzendkosten = document.getElementById("verzendkosten_orig").value;
}else{
verzendkosten = parseFloat(document.getElementById("verzendkosten_orig").value)+parseFloat(12.5);
}

btwtarief = 19;

if(document.getElementById("land").value == "BE" && document.getElementById("btwnummer").value != "" && document.getElementById("zakelijkebestelling").checked==true){
btwtarief = 0;
}

excl = parseFloat(document.getElementById("prijs_sub").value)+verzekering;
excl = parseFloat(excl)+parseFloat(verzendkosten);

document.getElementById("prijs_excl").innerHTML = number_format(excl, 2, ',', '.');

btw = parseFloat(excl*(btwtarief/100));
document.getElementById("prijs_btw").innerHTML = number_format(btw, 2, ',', '.');

incl = excl+btw;
document.getElementById("prijs_incl").innerHTML = number_format(incl, 2, ',', '.');
document.getElementById("prijs_excl").value = Math.round(excl*100)/100;
document.getElementById("totaalprijs").value = Math.round(incl*100)/100;
document.getElementById("verzendkosten").value = Math.round(verzendkosten*100)/100;
document.getElementById("prijs_verzendkosten").innerHTML = number_format(verzendkosten, 2, ',', '.');
document.getElementById("btwtarief").innerHTML = 'BTW ('+btwtarief+'%)';
}

function change_verzekeringskosten(c){

if(c==true){
document.getElementById("show_verz1").style.display = "block";
document.getElementById("show_verz2").style.display = "block";

verz_kosten = 1.86;

}else{
document.getElementById("show_verz1").style.display = "none";
document.getElementById("show_verz2").style.display = "none";
verz_kosten = 0;
}

excl = parseFloat(document.getElementById("prijs_sub").value)+verz_kosten;
document.getElementById("prijs_excl").innerHTML = number_format(excl, 2, ',', '.');

btw = excl*0.19;
document.getElementById("prijs_btw").innerHTML = number_format(btw, 2, ',', '.');



incl = excl+btw;
document.getElementById("prijs_incl").innerHTML = number_format(incl, 2, ',', '.');

document.getElementById("prijs_excl").value = Math.round(excl*100)/100;
document.getElementById("totaalprijs").value = Math.round(incl*100)/100;
}

function change_betaalwijze(c){

if(c==1){
verzendkosten = document.getElementById("verzendkosten_orig").value;

}else{
verzendkosten = parseFloat(document.getElementById("verzendkosten_orig").value)+ 15;
}

excl = parseFloat(document.getElementById("prijs_sub").value)+verzendkosten;


btw = parseFloat(excl*0.19);


incl = excl+btw;

document.getElementById("prijs_excl").innerHTML = number_format(excl, 2, ',', '.');
document.getElementById("prijs_btw").innerHTML = number_format(btw, 2, ',', '.');
document.getElementById("prijs_incl").innerHTML = number_format(incl, 2, ',', '.');
document.getElementById("totaalprijs").value = Math.round(incl*100)/100;
document.getElementById("prijs_excl").value = Math.round(excl*100)/100;
document.getElementById("verzendkosten").value = verzendkosten;
document.getElementById("prijs_verzendkosten").innerHTML = number_format(verzendkosten, 2, ',', '.');
}


function check_aantal(id){
aantal = document.getElementById(id).value;
aantal_orig = aantal;

aantal = aantal.replace(/[^0-9-'.'-',']/g,"");

aantal /= 10;
aantal = Math.ceil(aantal);
aantal *= 10;

if(aantal < 50){
aantal = 50;
}

if(aantal > 20000){
aantal = 20000;
}

if(aantal > 499){
document.getElementById('notification_press').style.display='block';
}else{
document.getElementById('notification_press').style.display='none';
}

if(aantal != aantal_orig){
setTimeout(function(){document.getElementById(id).value = aantal;}, 400);
setTimeout(function(){document.getElementById(id).style.border = "1px solid #FF0000";}, 400);
setTimeout(function(){document.getElementById(id).style.border = "1px solid #999999";}, 1000);
}

}