var jPrice;
	var keuze;
	var kleur;
	var jAmount = [ "600", "5000", "10000", "20000", "30000", "50000"];	
	
	function sliderInit() {
		sliderValue = $( "#slider" ).slider( "option", "value" );
		$("#slider").slider( "option", "value", sliderValue );
		calculate(1, sliderValue);	
	}
	function colorpickerInit() {
		$('#colorPicker').colorPicker(
		{			
		  defaultColor:0, // index of the default color
		  columns:13,     // number of columns 
		  click:function(c){
		    $('#kleur').val(c);
				kleur = c;
		  }
		});
	}
	function checkFields() {
		$('#verstuur').click(function () {
			if($('#naam').val() == "" || $('#bedrijf').val() == "" || $('#mailadres').val() == ""){
				$(this).next().text("niet alle velden werden ingevuld");
				return false;
			}
		});
		}
	// function sendMail(){
		// $('#verstuur').click(function () {
			// window.location = "mailer.php?naam=" + $("#naam").val() + "&bedrijf=" + $("#bedrijf").val() + "&mailadres=" + $("#mailadres").val() + "&opmerkingen=" + $("#opm").val() + "&k=" + kleur + "&info=" + $(".prijsinfo").text();
			// return false;
		    // });
	// }
	// uitleg + staffelprijs voor ieder type coin
	function uitlV() {
		$('div.omschrijving').html("<img src='img/vb_v.png' /><strong>Easy2pay 'Virgin' Ø 30 MM</strong><br />Blanco jetons voor algemeen gebruik. Dmv de beschikbare kleuren kan een onderscheid worden gemaakt in waarde.");
		jPrice = ["0.055", "0.053", "0.050", "0.048", "0.046", "0.045"];
		keuze = "virgin";
	 	sliderInit();
	}
	function uitlB() {
		$('div.omschrijving').html("<img src='img/vb_b.png' /><strong>Easy2pay 'Basic' Ø 30 MM</strong><br />Jetons voorzien van een standaard pictogram zoals drank, eten, waarde, etc.");
		jPrice = ["0.100", "0.078", "0.075", "0.068", "0.065", "0.060"];
		keuze = "basic";
		sliderInit();
	}
	function uitlI1() {
		$('div.omschrijving').html("<img src='img/vb_i.png' /><strong>Easy2pay 'Individual 1' Ø 30 MM</strong><br />Jetons voorzien van een gelazerde personalizering aan één zijde, de andere zijde blijft blanco.");
		jPrice = ["0.100", "0.078", "0.075", "0.068", "0.065", "0.060"];
		keuze = "individual 1";
		sliderInit();
	}
	function uitlI2() {
		$('div.omschrijving').html("<img src='img/vb_i2.png' /><strong>Easy2pay 'Individual 2' Ø 30 MM</strong><br />Jetons voorzien van een gelazerde personalizering aan 2 zijden, al dan niet verschillend van elkaar.");
		jPrice = ["0.145", "0.113", "0.108", "0.098",	"0.094", "0.087"];
		keuze = "individual 2";
		sliderInit();
	}
	function calculate(active, state){
		// console.info(jPrice);
		var telbak = "";
		var deksel = "";
		if($("#checkbox-1:checked").length != 0){
			telbak = " / 1 telbak";
		}
		if($("#checkbox-2:checked").length != 0){
			deksel = " / 1 deksel";
		}
		var sliderValue = $( "#slider" ).slider( "option", "value" );
		if(typeof( state ) != 'undefined') { var sliderValue = state; }
		if (active == 1) {
			$('.o_field').val(jAmount[sliderValue]);
			$('span.prijsperj').html(" x &euro;" + jPrice[sliderValue] + " = ");
		}	
		var totaal =  $('.o_field').val() * jPrice[sliderValue];
		$('.uitkomst').html("<strong>&nbsp; &euro;" + totaal + "</strong>");

		$("#aanvraag").fancybox({
			overlayOpacity: 0.8,
			overlayColor: "#000000",
			scrolling: "no",
			ajax : {
			    type	: "POST",
			    data	: 'keuze=' + keuze + '&aantal=' + $(".o_field").val() + '&staffelprijs=' + jPrice[sliderValue] + '&totaal=' + totaal + '&meerprijs=' + $(".uitkomstplus").text().substr(3) + '&telbak=' + telbak + '&deksel=' + deksel
			},
			onComplete	:	function() {
			            colorpickerInit();
			            checkFields();
					}
		});

	}
	
 	// 100% breed & hoog, background rekken
	$(window).load(function() {
	    $("#body-background").ezBgResize();
	});
	$(window).resize(function() {
	    $("#body-background").ezBgResize();
	});
	
	$(document).ready(function(){ 
	$('.error').hide();
	$('.uitkomstplus').hide();

	// standaard muntje selecteren en prijs calculeren
	uitlV();
	$('a.vc').addClass("selected");
	calculate(1, 0);

	// opmaken checkboxes
	$('input[type=checkbox]').prettyCheckboxes();
	
	// image slideshow - links
	$('#slideshow').cycle();
	
	// jQuery UI voor kwantiteit muntjes - rechts	
	$("#slider").slider({ animate: true, max: 5 });

	// fancybox 'meer informatie'
	$("#meerinfo").fancybox({
		overlayOpacity: 0.8,
		overlayColor: "#000000"
	});
	
	$("#slider").bind( "slidechange", function(event, ui) {
		calculate(1);	
	});
	$('.o_field').focus(function() {
		$( "#slider" ).slider( "option", "disabled", true );
		calculate(0);
	});
	$('.o_field').blur(function() {
		this.value=this.value.replace(/[^0-9]/g, '');
		$( "#slider" ).slider( "option", "disabled", false );
		if($('.o_field').val() > 600){
		calculate(0);
		$('.error').hide();
		} else{
		$('.error').show();
		$('.o_field').val("600");
		}
	});
		$('a.but').click(function () {
			$('a.but').removeClass("selected");
			$(this).toggleClass("selected");
			return false;
		    });	
		// check & uncheck toevoegen aan totaal
		$('.checkb').change(function () {
			if ($(this).is(':checked')) {
				var ssom = parseFloat($('.uitkomstplus').text().substr(3));
				$('.uitkomstplus').fadeIn().html("<strong>+&nbsp;&euro;" + (ssom + 15) + "</strong>");
			} else{
				var ssom = parseFloat($('.uitkomstplus').text().substr(3));
				$('.uitkomstplus').fadeIn().html("<strong>+&nbsp;&euro;" + (ssom - 15) + "</strong>");
			};
			if (parseFloat($('.uitkomstplus').text().substr(3)) == 0){$('.uitkomstplus').hide();}
			calculate(1);
			return false;
			});

			// iedere knop voor muntjes is gekoppeld aan functie, content wordt weergegeven
		$('a.vc').click(function () {
			uitlV();
			return false;
		    });
		$('a.bc').click(function () {
			uitlB();
			return false;
			});
		$('a.i1c').click(function () {
			uitlI1();
			return false;
			});
		$('a.i2c').click(function () {
			uitlI2();
			return false;
			});
			
			// preview afbeelding voor extra accesoires met animatie - rechts
		$('a#p1').imgPreview({
			    containerID: 'fotokader',
			distanceGlobal: {top:-390, left:-250},
			    // When container is shown:
			    onShow: function(link){
			        $('<span>Hoogwaardige kunstof sorteer/telbakken om de jetons overzichtelijk aan de kassa op te stellen en nadien gemakkelijk te kunnen opbergen. De bakken zijn voorzien van scharniersloten waardoor ze aan elkaar kunnen worden gekoppeld of scharnierend tov elkaar kunnen worden geopend. Elke bak bevat 6 inlegborden van telkens 100 jetons. <table style="margin: 10px 0;"><tr style="border: 1px solid #ccc;"><td></td><td>1</td><td>5</td><td>10</td><td>&gt;= 20</td></tr><tr style="border: 1px solid #ccc;"><td>inserts voor 600 j.</td><td>15,00</td><td>13,00</td><td>12,00</td><td>10,00</td></tr></table></span>').appendTo(this);
			    },
			    // When container hides: 
			    onHide: function(link){
			        $('span', this).remove();
			    }
			}).click(function(){ return false; });
			$('a#p2').imgPreview({
				    containerID: 'fotokader',
						distanceGlobal: {top:-330, left:-250},
				    // When container is shown:
				    onShow: function(link){
				        $('<span>Trendy afsluitdeksel voor het veilig en discreet afsluiten van de telbakken. Het deksel wordt vastgeklikt dmv de scharniersloten op de onderliggende telbak. <table style="margin: 10px 0;"><tr style="border: 1px solid #ccc;"><td></td><td>1</td><td>5</td><td>10</td><td>&gt;= 20</td></tr><tr style="border: 1px solid #ccc;"><td>inserts voor 600 j.</td><td>15,00</td><td>13,00</td><td>12,00</td><td>10,00</td></tr></table></span>').appendTo(this);
				    },
				    // When container hides: 
				    onHide: function(link){
				        $('span', this).remove();
				    }
				}).click(function(){ return false; });
	});