$(document).ready(function () {

	  jQuery.extend(jQuery.validator.messages, {
			required: "Dit veld is verplicht.",
			maxlength: jQuery.format("U kunt niet meer dan {0} karakters invoeren."),
			minlength: jQuery.format("U dient minimaal {0} karakters in te voeren."),
			rangelength: jQuery.format("U dient minimaal {0} en maximaal {1} karakters in te voeren."),
			email: "Een geldig e-mailadres is verplicht.",
			url: "Een geldig webadres is verplicht.",
			date: "Een geldige datum is verplicht.",
			number: "Een geldig getal is verplicht.",
			digits: "Gebruik alleen cijfers.",
			equalTo: "Herhaal de invoer nogmaals.",
			range: jQuery.format("U dient een waarde tussen {0} en {1} in te voeren."),
			max: jQuery.format("U dient een waarde kleiner dan of gelijk aan {0} in te voeren."),
			min: jQuery.format("U dient een waarde groter dan of gelijk aan {0} in te voeren."),
			creditcard: "Een geldig creditcardnummer is verplicht."
		});
	
	
	$.datepicker.setDefaults({
		showOn: "both",
		buttonImage: "../images/icon_calendar.png",
		buttonImageOnly: true,
		dateFormat: "dd-mm-yy"});


	/* login page */
	$("#username").focus();

	/* home page */
	if ($("#chained .toSeeItem").length > 0) {
		$("#chained").scrollable({circular: true, mousewheel: true}).navigator().autoscroll({ interval: 3000 });
	}
	//$("#newsletterLink").click(function(){
	//	$("#newsletterForm").slideDown();
	//	return false;
	//});
	
	$("input[placeholder]").placeHeld();
	
    $("#basketform").validate();
	  $('#tbestellen a').click( function() { showForm('bestellen'); } );
	  $('#tbetalen a').click( function() { showForm('betalen'); } );
	  $('#tonline a').click( function() { showForm('online'); } );
	  $('#fbasket div').hide(); 
	  
	  $('#fbasket #invoice').change( showInvoice );
	  $('#fbasket #different').change( showDifferent );
    
    $("#choice a").click( function() { $("#back").toggle(); $("#front").toggle(); } );
    
    $(".notification").delay(6000).fadeOut(1000);

   // if (history.length > 0) {
   // 	$("#home").append(" - <a href='#' onclick='history.go(-1); return false'>Terug</a>");
   // }
});

function showInvoice() {
	if ($('#invoice').attr('checked')) 
		$('#fbasket .invoice').show(300); 
	else {
		$('#fbasket .different').hide(300);
		$('#fbasket .invoice').hide(300);
		$('#different').attr("checked", false);
	}
}

function showDifferent() {
	if ($('#different').attr('checked')) 
		$('#fbasket .different').show(300); 
	else 
		$('#fbasket .different').hide(300);
		$('#fbasket .different input').val('');
}

function showForm(optie) {
	$('#opties input').attr('checked', false);
	$('#opties input[value='+optie+']').attr('checked', true);
	$('#opties div').removeClass('vol'); 
	$('#t'+optie).addClass('vol');
	$('#fbasket input[type=submit]').hide(); 
	$('#fbasket div').hide(); 
	
	$('#fbasket input').removeClass("required");
	$('#fbasket .' + optie + ' .xreq').addClass("required");
	$('#fbasket .all .xreq').addClass("required");
	
	$('#fbasket .' + optie).show(); 
	$('#fbasket .all').show(); 
	
	  showInvoice();
	  showDifferent();

}

function sendPrefs(theURL, theDest) {
	// Send email with ajax and replace the form with a "Thank you" or "Sorry" message.
	 $.ajax({
	   type: "GET", url: theURL,
	   data: "oper=sendPrefs&email=" + $("#email").val() + "&name=" + $("#name").val(),
	   success: function(msg){ $(theDest).html("<h3 class='current'>"+msg+"</h3>"); }
	 });
}