function syncDate(input) {
    return {minDate: (input.id == "datum2" ? $("#datum1").datepicker("getDate") : null),
        maxDate: (input.id == "datum1" ? $("#datum2").datepicker("getDate") : null)};
}

function showprogress(){
document.getElementById("last").style.visibility = "visible";
document.getElementById("last").style.display = "inline";
}
//verstuur formulier niet met enter
function stopEnter(e)
{
     var key;

     if(window.event)
          key = window.event.keyCode;     //IE
     else
          key = e.which;     //firefox

     if(key == 13)
          return false;
     else
          return true;
}

//Leeg textfield als het bepaalde waarde bevat (L, B, D)
function leeg(textfield,waarde){
if(textfield.value == waarde){
textfield.value = "";
}
}
//Vul textfield als het leeg is en focus verliest
function vul(textfield,waarde){
if(textfield.value == ""){
textfield.value = waarde;
}
}
//Controleer of een textfield leeg is
function is_empty(textfield){
if ((textfield.value.length==0) || (textfield.value==null) || (textfield.value == "") || (textfield.value == " ")) {
      return true;
   }
   else { return false; }
}
function contactsubmit(){
	var check = true; //variabele voor controle of alles goed is
	document.getElementById("hiddenfield").style.color="#000000";
	document.getElementById("hiddenfield").style.display="none";
	document.getElementById("hiddenfield").style.visibility="hidden";
	document.getElementById("hiddenfield").style.fontWeight="normal";
	document.getElementById("naamtext").style.color="#000000";
	document.getElementById("naamtext").style.fontWeight="normal";
	document.getElementById("straattext").style.color="#000000";
	document.getElementById("straattext").style.fontWeight="normal";
	document.getElementById("postwoontext").style.color="#000000";
	document.getElementById("postwoontext").style.fontWeight="normal";
	document.getElementById("mailtext").style.color="#000000";
	document.getElementById("mailtext").style.fontWeight="normal";
	document.getElementById("scheepstext").style.color="#000000";
	document.getElementById("scheepstext").style.fontWeight="normal";
	document.getElementById("naam").style.border="";
	document.getElementById("straat").style.border="";
	document.getElementById("post").style.border="";
	document.getElementById("woon").style.border="";
	document.getElementById("email").style.border="";
	document.getElementById("scheepstype").style.border="";
	document.getElementById("akkoord").style.border="";
	if(is_empty(document.forms.aanvraagform.naam)) {
	check = false;
	document.forms.aanvraagform.naam.focus();
	//maak tekst van naam rood
	document.getElementById("naamtext").style.color="#FF0000";
	document.getElementById("naamtext").style.fontWeight="bold";
	document.getElementById("naam").style.border="2px solid #FF0000";
	}
	if(is_empty(document.forms.aanvraagform.straat)) {
	if(check == true){document.forms.aanvraagform.straat.focus();}
	check = false;
	//maak tekst van naam rood
	document.getElementById("straattext").style.color="#FF0000";
	document.getElementById("straattext").style.fontWeight="bold";
	document.getElementById("straat").style.border="2px solid #FF0000";
	}
	if(is_empty(document.forms.aanvraagform.post)) {
	if(check == true){document.forms.aanvraagform.post.focus();}
	check = false;
	//maak tekst van naam rood
	document.getElementById("postwoontext").style.color="#FF0000";
	document.getElementById("postwoontext").style.fontWeight="bold";
	document.getElementById("post").style.border="2px solid #FF0000";
	}
	if(is_empty(document.forms.aanvraagform.woon)) {
	if(check == true){document.forms.aanvraagform.woon.focus();}
	check = false;
	//maak tekst van naam rood
	document.getElementById("postwoontext").style.color="#FF0000";
	document.getElementById("postwoontext").style.fontWeight="bold";
	document.getElementById("woon").style.border="2px solid #FF0000";
	}
	if(is_empty(document.forms.aanvraagform.email)) {
	if(check == true){document.forms.aanvraagform.email.focus();}
	check = false;
	//maak tekst van email rood
	document.getElementById("mailtext").style.color="#FF0000";
	document.getElementById("mailtext").style.fontWeight="bold";
	document.getElementById("email").style.border="2px solid #FF0000";
	}

	if(is_empty(document.forms.aanvraagform.scheepstype)) {
	if(check == true){document.forms.aanvraagform.scheepstype.focus();}
	check = false;
	//maak tekst van bericht rood
	document.getElementById("scheepstext").style.color="#FF0000";
	document.getElementById("scheepstext").style.fontWeight="bold";
	document.getElementById("scheepstype").style.border="2px solid #FF0000";
	}
	if(document.forms.aanvraagform.akkoord.checked == false) {
	if(check == true){document.forms.aanvraagform.akkoord.focus();}
	check = false;
	//maak tekst van akkoord rood
	document.getElementById("akkoordtext").style.color="#FF0000";
	document.getElementById("akkoordtext").style.fontWeight="bold";
	document.getElementById("akkoord").style.border="2px solid #FF0000";
	}

	if(check){
	//alles is goed ingevuld, verstuur formulier
	document.getElementById("submitted").style.display="inline";
	document.getElementById("submitted").style.visibility="visible";
	return true;
	}else{
	//niet alles ingevuld, verstuur niet en laat het hiddenfield verschijnen, met rode tekst
	document.getElementById("hiddenfield").style.color="#FF0000";
	document.getElementById("hiddenfield").style.display="block";
	document.getElementById("hiddenfield").style.visibility="visible";
	document.getElementById("hiddenfield").style.fontWeight="bold";
	return false;
	}

}

function schuitsubmit(){
	var check = true; //variabele voor controle of alles goed is
	document.getElementById("hiddenfield").style.color="#000000";
	document.getElementById("hiddenfield").style.display="none";
	document.getElementById("hiddenfield").style.visibility="hidden";
	document.getElementById("hiddenfield").style.fontWeight="normal";
	document.getElementById("naamtext").style.color="#000000";
	document.getElementById("naamtext").style.fontWeight="normal";
	document.getElementById("straattext").style.color="#000000";
	document.getElementById("straattext").style.fontWeight="normal";
	document.getElementById("postwoontext").style.color="#000000";
	document.getElementById("postwoontext").style.fontWeight="normal";
	document.getElementById("mailtext").style.color="#000000";
	document.getElementById("mailtext").style.fontWeight="normal";
	document.getElementById("naam").style.border="";
	document.getElementById("straat").style.border="";
	document.getElementById("post").style.border="";
	document.getElementById("woon").style.border="";
	document.getElementById("email").style.border="";
	document.getElementById("akkoord").style.border="";
	document.getElementById("akkoordtext").style.color="#000000";
	document.getElementById("akkoordtext").style.fontWeight="normal";
	if(is_empty(document.forms.aanvraagform.naam)) {
	check = false;
	document.forms.aanvraagform.naam.focus();
	//maak tekst van naam rood
	document.getElementById("naamtext").style.color="#FF0000";
	document.getElementById("naamtext").style.fontWeight="bold";
	document.getElementById("naam").style.border="2px solid #FF0000";
	}
	if(is_empty(document.forms.aanvraagform.straat)) {
	if(check == true){document.forms.aanvraagform.straat.focus();}
	check = false;
	//maak tekst van naam rood
	document.getElementById("straattext").style.color="#FF0000";
	document.getElementById("straattext").style.fontWeight="bold";
	document.getElementById("straat").style.border="2px solid #FF0000";
	}
	if(is_empty(document.forms.aanvraagform.post)) {
	if(check == true){document.forms.aanvraagform.post.focus();}
	check = false;
	//maak tekst van naam rood
	document.getElementById("postwoontext").style.color="#FF0000";
	document.getElementById("postwoontext").style.fontWeight="bold";
	document.getElementById("post").style.border="2px solid #FF0000";
	}
	if(is_empty(document.forms.aanvraagform.woon)) {
	if(check == true){document.forms.aanvraagform.woon.focus();}
	check = false;
	//maak tekst van naam rood
	document.getElementById("postwoontext").style.color="#FF0000";
	document.getElementById("postwoontext").style.fontWeight="bold";
	document.getElementById("woon").style.border="2px solid #FF0000";
	}
	if(is_empty(document.forms.aanvraagform.email)) {
	if(check == true){document.forms.aanvraagform.email.focus();}
	check = false;
	//maak tekst van email rood
	document.getElementById("mailtext").style.color="#FF0000";
	document.getElementById("mailtext").style.fontWeight="bold";
	document.getElementById("email").style.border="2px solid #FF0000";
	}

	if(document.forms.aanvraagform.akkoord.checked == false) {
	if(check == true){document.forms.aanvraagform.akkoord.focus();}
	check = false;
	//maak tekst van akkoord rood
	document.getElementById("akkoordtext").style.color="#FF0000";
	document.getElementById("akkoordtext").style.fontWeight="bold";
	document.getElementById("akkoord").style.border="2px solid #FF0000";
	}

	if(check){
	//alles is goed ingevuld, verstuur formulier
	return true;
	}else{
	//niet alles ingevuld, verstuur niet en laat het hiddenfield verschijnen, met rode tekst
	document.getElementById("hiddenfield").style.color="#FF0000";
	document.getElementById("hiddenfield").style.display="block";
	document.getElementById("hiddenfield").style.visibility="visible";
	document.getElementById("hiddenfield").style.fontWeight="bold";
	return false;
	}

}

(function($) {
	function jumpNext(curr, next) {
		curr.bind("keyup", function(event) {
			if ((this.value.length == this.maxLength) &&
				(event.keyCode > 46))
			{
				next.focus();
			}
		});
	}

	function jumpPrev(curr, prev) {
		curr.bind("keydown", function(event) {
			if ((this.value.length == 0) && (event.keyCode == 8)) {
				prev.focus().val(prev.val());
			}
		});
	}

	$.fn.extend({
		fluidTyping: function() {
			for (var i = 0; i < this.length; i++) {
				if (i != this.length - 1) {
					jumpNext($(this[i]), $(this[i + 1]));
				}

				if (i != 0) {
					jumpPrev($(this[i]), $(this[i - 1]));
				}
			}
		}
	});
})(jQuery);

$(document).ready( function () {

$("#datum").datepicker($.extend({}, $.datepicker.regional["nl"],{
showOn: 'both',
buttonImageOnly: true,
buttonImage: 'http://www.js4.nl/sleepdienst/images/calendar_logo.gif',
buttonText: 'Kalender',
minDate: 0,
maxDate: 365,
dateFormat: "DD dd-mm-yy"
})).addClass("embed");

$("#datum1,#datum2").datepicker($.extend({}, $.datepicker.regional["nl"],{
beforeShow: syncDate,
showOn: 'both',
buttonImageOnly: true,
buttonImage: 'http://www.js4.nl/sleepdienst/images/calendar_logo.gif',
buttonText: 'Kalender',
minDate: 0,
maxDate: 365,
dateFormat: "DD dd-mm-yy"
})).addClass("embed");

$('#lengte, #breedte, #diepte').fluidTyping();

});