$(document).ready(function() {
	
	//foto's en filmpjes
	if($("#formFotoalbum").length) {
		$("#s_jaren").hide();
		$("#button_refresh").hide();
	
		$("#slider").slider({
			range: true,
			slide: function(event, ui) {
				$("#jaar_van").attr("innerHTML",ui.values[0]);
				$("#jaar_tot").attr("innerHTML",ui.values[1]);
				syncJaren(ui.values[0],ui.values[1]);
			}
		});
		
		var min = parseInt($("#min_jaar").val());
		var max = parseInt($("#max_jaar").val());
		var startJaar = parseInt($("#start_jaar").val());
		var eind = parseInt($("#eind_jaar").val());

		$('#slider').slider('option', 'min', min);
		$('#slider').slider('option', 'max', max);		
		$('#slider').slider('values', 0, startJaar);       
		$('#slider').slider('values', 1, eind);
		
		$("#jaar_van").attr("innerHTML",$("#slider").slider("values", 0));
		$("#jaar_tot").attr("innerHTML",$("#slider").slider("values", 1));
		
		$('#slider').bind('slidechange', function(event, ui) {
			refreshAlbums();
		});

		switches("s_basissen");
		switches("s_evenementen");
		switches("s_youths");
		switches("s_types");
		
	}
	
	//kalender wedstrijden
	if($("#formWedstrijden").length) {
		$("#s_jaar").hide();
		$("#button_refresh").hide();
	
		$("#slider").slider({
			/*range: true,*/
			slide: function(event, ui) {
				$("#jaar").attr("innerHTML",ui.value);
				syncJaar(ui.value);
			}
		});
		
		var min = parseInt($("#min_jaar").val());
		var max = parseInt($("#max_jaar").val());
		var hetJaar = parseInt($("#s_jaar").val());

		$('#slider').slider('option', 'min', min);
		$('#slider').slider('option', 'max', max);		
		$('#slider').slider('value', hetJaar); 
		
		$('#slider').bind('slidechange', function(event, ui) {
			refreshWedstrijden();
		});      
		
		switches("s_categorie");
		switches("s_basis");
		switches("s_types");
	}
	
	//winnaars
	if($("#formWinnaars").length) {
		$("#s_jaren").hide();
		$("#button_refresh").hide();
		
		if($("#slider").length) {
			$("#slider").slider({
				range: true,
				slide: function(event, ui) {
					$("#jaar_van").attr("innerHTML",ui.values[0]);
					$("#jaar_tot").attr("innerHTML",ui.values[1]);
					syncJaren(ui.values[0],ui.values[1]);
				}
			});
			
			var min = parseInt($("#min_jaar").val());
			var max = parseInt($("#max_jaar").val());
			var startJaar = parseInt($("#start_jaar").val());
			var eind = parseInt($("#eind_jaar").val());
	
			$('#slider').slider('option', 'min', min);
			$('#slider').slider('option', 'max', max);		
			$('#slider').slider('values', 0, startJaar);       
			$('#slider').slider('values', 1, eind);
			
			$("#jaar_van").attr("innerHTML",$("#slider").slider("values", 0));
			$("#jaar_tot").attr("innerHTML",$("#slider").slider("values", 1));
			
			$('#slider').bind('slidechange', function(event, ui) {
				refreshWinnaars();
			});
		}
		
		switches("s_type");
		switches("s_categorie");
		
	}
	
	/*$("#calendarOverview a.uitslagen").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false });*/
	$("#calendarOverview a.inschrijvingen").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false, 'type': 'iframe', 'width': '90%', 'height': '90%' });
	
	$("#fotalbumpagina a").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false });
	
	//homepage fotoalbum
	$("a.slideshow").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false });
	
	$("#link_webcam_zoute").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false });
	$("#link_webcam_duinbergen").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false });
	$("#link_webcam_heusden").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false });
	$("#link_webcam_zeebrugge").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false });
	$("#textlink_webcam_zoute").bind("click", function() { $("#link_webcam_zoute").trigger('click'); return false; });
	$("#textlink_webcam_duinbergen").bind("click", function() { $("#link_webcam_duinbergen").trigger('click'); return false; });
	$("#textlink_webcam_heusden").bind("click", function() { $("#link_webcam_heusden").trigger('click'); return false; });
	$("#textlink_webcam_zeebrugge").bind("click", function() { $("#link_webcam_zeebrugge").trigger('click'); return false; });
	
	$("#link_add_fotos").fancybox({ 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false, 'type': 'iframe', 'width': '90%', 'height': '90%' });
	$("#link_add_movies").fancybox({ 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false, 'type': 'iframe', 'width': '90%', 'height': '90%' });
	
	$("a.uitslagen").fancybox({ 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false, 'type': 'iframe', 'width': '90%', 'height': '90%' });
	$("a.meerUitslagen").fancybox({ 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false, 'type': 'iframe', 'width': '90%', 'height': '90%' });
	
	
	// hoogte van de ULs van sublevels gelijk maken aan de hoogste
	var max_height = 0;
	$("#subNav > li > ul").each(function(i){
		if($(this).height() > max_height) {
			max_height = $(this).height();
		}
	});
	$("#subNav > li > ul").each(function(i){
		$(this).height(max_height);
	});	
	$("#subNav > li").bind('mouseover', function() {
		$(this).addClass("hover");
		var id = this.id.replace("sn","");
		/*subNavClass(id);*/
	});
	$("#subNav > li").bind('mouseout', function() {
		$(this).removeClass("hover");
	});
	$("#subNav > li > a").bind('click', function() {
		var id = this.parentNode.id.replace("sn","");
		/*subNavClass(id);*/
		$("#subNav ul").css("display","block");
		$("#menuOver").val("Y");
		$("#subNav").addClass("open");
		return false;
	})
	$("#subNav li > ul").bind("mouseover", function() {
		$("#menuOver").val("Y");
	});
	$("#subNav li").bind("mouseover", function() {
		if($("#subNav ul").css("display")=="block") {
			$("#menuOver").val("Y");
		}
	});
	$("#subNavWrapper").bind("mouseover", function() {
		$("#menuOver").val("Y");
	});
	$("#subNavWrapper").bind("mouseout", function() {
		$("#menuOver").val("N");
		setTimeout("doMouseOut()",200);
	});
		
	// form validation
	$.validator.addMethod("notdefault", function(value, element) { if(value==element.defaultValue) { return false; } else { return true; } }, "");
	$.validator.addMethod("required_dropdown", function(value, element) { if(element.selectedIndex==0) { return false; } else { return true; } }, "");
	$.validator.messages.required = "";
	$.validator.messages.email = "";
	
	// zoekertje
	$("#formZoekertje").bind("submit", function() {
		if($("#foto").val()!="") {
			var test = $("#foto").val().toLowerCase() + "#";
			if(test.indexOf(".jpg#") < 0 && test.indexOf(".gif#") < 0 && test.indexOf(".png#") < 0) {
				alert($("#alert_foto").val());	
				return false;
			}

		}	
	});
	$("#formZoekertje").validate();
	$("#formEmailAdverteerder").validate();
	
	//nieuwsbrief
	$("#formNieuwsbrief").bind("submit", function() {
		if($("input[name='basis[]']").is(':checked')) {
			$("#error_basis").css("display","none");
			return true;
		}else{
			$("#error_basis").css("display","block");
			return false;
		}
	});
	$("input[name='basis[]']").bind("click", function() {
		if($("input[name='basis[]']").is(':checked')) {
			$("#error_basis").css("display","none");
		}
	});
	$("#formNieuwsbrief").validate();
	
	$("#searchForm").validate();
	$("#formLogin").validate();
	$("#fotoalbumLogin").validate();
	
	// inschrijven wedstrijd
	$("#measurement_certificate").bind("change", function() { 
		if(this.value=="Y"){ 
			$("#measurement_certificate_nr").addClass("required") 
		}else{
			$("#measurement_certificate_nr").removeClass("required") 
		}
	});
	$("#dinner").bind("change", function() { 
		if(this.value=="Y"){ 
			$("#dinner_nr").addClass("required") 
		}else{
			$("#dinner_nr").removeClass("required") 
		}
	});
	$("#formInschrijvenWedstrijd").bind("submit", function() {
		if($("input[name='read']").is(':checked')) {
			$("#error_read").css("display","none");
			return true;
		}else{
			$("#error_read").css("display","block");
			return false;
		}
	});
	$("input[name='read']").bind("click", function() {
		if($("input[name='read']").is(':checked')) {
			$("#error_read").css("display","none");
		}
	});
	$("#palmaresSearchForm").validate();
	$("#formInschrijvenWedstrijd").validate();
	$("#prefillCrew").bind("change", function() {
		var row = parseInt($("#prefillCrew").val());
		if(row >= 0) {
			$("#crew1_firstname").val(array_crews[row][0]);
			$("#crew1_lastname").val(array_crews[row][1]);
			$("#crew1_address").val(array_crews[row][2]);
			$("#crew1_postalcode").val(array_crews[row][3]);
			$("#crew1_city").val(array_crews[row][4]);
			$("#crew1_country").val(array_crews[row][5]);
			$("#crew1_dateofbirth_dd").val(array_crews[row][6]);
			$("#crew1_dateofbirth_mm").val(array_crews[row][7]);
			$("#crew1_dateofbirth_yyyy").val(array_crews[row][8]);
			$("#crew1_gender").val(array_crews[row][9]);
			$("#crew1_nationality").val(array_crews[row][10]);
			$("#crew1_telephone").val(array_crews[row][11]);
			$("#crew1_email").val(array_crews[row][12]);
		}
	});
	$("#prefillBoot").bind("change", function() {
		var row = parseInt($("#prefillBoot").val());
		if(row >= 0) {
			$("#boat_type").val(array_boten[row][0]);
			$("#sail_number").val(array_boten[row][1]);
			$("#spinnaker").val(array_boten[row][2]);
			$("#rating").val(array_boten[row][3]);
			$("#measurement_certificate").val(array_boten[row][4]);
			$("#measurement_certificate_nr").val(array_boten[row][5]);
			$("#advertising").val(array_boten[row][6]);
			$("#individual_advertising_licence").val(array_boten[row][7]);
			$("#individual_advertising_licence_nr").val(array_boten[row][8]);
			$("#club_member").val(array_boten[row][9]);
			$("#lidnummer").val(array_boten[row][10]);
			$("#mobile_on_board").val(array_boten[row][11]);
			$("#boat_name").val(array_boten[row][12]);
			$("#sponsor_kite").val(array_crews[row][13]);
			$("#sponsor_board").val(array_crews[row][14]);
			$("#sponsor_additional").val(array_crews[row][15]);
		}
	});
	
	// inschrijven zeilschool
	$("#formInschrijvenZeilschool1").bind("submit", function() {
		var error = 0;
		if($("input[name='taal']:radio").length) { if($("input[name='taal']").is(':checked')) { $("#error_taal").css("display","none"); }else{ $("#error_taal").css("display","block"); error++; }}
		if($("input[name='ervaring']:radio").length) { if($("input[name='ervaring']").is(':checked')) { $("#error_ervaring").css("display","none"); }else{ $("#error_ervaring").css("display","block"); error++; }}
		if($("input[name='lid']:radio").length) { if($("input[name='lid']").is(':checked')) { $("#error_lid").css("display","none"); }else{ $("#error_lid").css("display","block"); error++; }} 
		if($("input[name='eigen_boot']:radio").length) { if($("input[name='eigen_boot']").is(':checked')) { $("#error_eigen_boot").css("display","none"); }else{ $("#error_eigen_boot").css("display","block"); error++; }}
		if($("input[name='voorwaarden']").is(':checked')) { $("#error_voorwaarden").css("display","none"); }else{ $("#error_voorwaarden").css("display","block"); error++; }
		
		if(error) {
			return false;
		}else{
			return true;
		}
	});
	$("input[name='taal']").bind("click", function() {
		if($("input[name='taal']").is(':checked')) {
			$("#error_taal").css("display","none");
		}
		if($("#t3").is(':checked')){ 
			$("#taal_andere").addClass("required") 
		}else{
			$("#taal_andere").removeClass("required") 
		}
	});
	$("input[name='ervaring']").bind("click", function() {
		if($("input[name='ervaring']").is(':checked')) {
			$("#error_ervaring").css("display","none");
		}
		if($("#e2").is(':checked')){ 
			$("#ervaring_andere").addClass("required") 
		}else{
			$("#ervaring_andere").removeClass("required") 
		}
	});
	$("input[name='lid']").bind("click", function() {
		if($("input[name='lid']").is(':checked')) {
			$("#error_lid").css("display","none");
		}
		if($("#l1").is(':checked')){ 
			$("#lidnummer").addClass("required") 
		}else{
			$("#lidnummer").removeClass("required") 
		}
	});
	$("input[name='eigen_boot']").bind("click", function() {
		if($("input[name='eigen_boot']").is(':checked')) {
			$("#error_eigen_boot").css("display","none");
		}
		if($("#eb1").is(':checked')){ 
			$("#eigen_boot_type").addClass("required") 
		}else{
			$("#eigen_boot_type").removeClass("required") 
		}
	});
	$("input[name='voorwaarden']").bind("click", function() {
		if($("input[name='voorwaarden']").is(':checked')) {
			$("#error_voorwaarden").css("display","none");
		}
	});
	$("#formInschrijvenZeilschool1").validate();
	
	// toevoegen van foto's en filmpjes
	$("#formExistingAlbum").validate();
	$("#formNewAlbum").validate();
	$("#formNewAlbum").bind("submit", function() {
		var error = 0;
		if($("input[name='basissen[]']:checkbox").length) { if($("input[name='basissen[]']").is(':checked')) { $("#error_basissen").css("display","none"); }else{ $("#error_basissen").css("display","block"); error++; }} 
		if($("input[name='evenementen[]']:checkbox").length) { if($("input[name='evenementen[]']").is(':checked')) { $("#error_evenementen").css("display","none"); }else{ $("#error_evenementen").css("display","block"); error++; }} 
		
		if(error) {
			return false;
		}else{
			return true;
		}
	});
	$("input[name='basissen[]']").bind("click", function() {
		if($("input[name='basissen[]']").is(':checked')) {
			$("#error_basissen").css("display","none");
		}
	});
	$("input[name='evenementen[]']").bind("click", function() {
		if($("input[name='evenementen[]']").is(':checked')) {
			$("#error_evenementen").css("display","none");
		}
	});
	$('#q').formatInput();
	
	$('#linkPrintInschrijvingZeilschool').bind("click", function() { print(); return false; });
	
});

function doMouseOut() {
	if($("#menuOver").val()=="N") {
		$("#subNav ul").css("display","none");
		$("#subNav").removeClass("open");
	}
}

function switches(id) {
	$("#"+id+" input").each(function(i){
		$(this).hide();
	});
	$("#"+id+" img").each(function(i){
		$(this).bind("click", function() {
			checkUncheck(this, this.id.replace("img_",""));
		});
	});
	$("#"+id+" label").each(function(i){
		$(this).bind("click", function() {
			checkUncheck(document.getElementById('img_'+this.id.replace("l_","")), this.id.replace("l_",""));
			return false;
		});
	});	
}

function syncJaar(jaar) {
	$("#s_jaar option").each(function(i){
		if($(this).val()==jaar) {
			$(this).attr("selected","selected");
		}else{
			$(this).removeAttr("selected");  	
		}
	});
}

function syncJaren(van,tot) {
	$("#s_jaren option").each(function(i){
		if($(this).val() >= van && $(this).val() <= tot) {
			$(this).attr("selected","selected");
		}else{
			$(this).removeAttr("selected");  	
		}
	});
}

function checkUncheck(oImg, sChkId) {
	var oChk = document.getElementById(sChkId);
	oChk.checked = !oChk.checked;
	//oImg.src = (oChk.checked) ? "/images/checkbox_on.gif" : "/images/checkbox_off.gif";
	if(oChk.checked) {
		oImg.src = "/images/checkbox_on.gif";
		$("#l_"+sChkId).addClass("selected");
	}else{
		oImg.src = "/images/checkbox_off.gif";
		$("#l_"+sChkId).removeClass("selected");
	}
	if($("#formFotoalbum").length) { refreshAlbums(); }
	if($("#formWedstrijden").length) { refreshWedstrijden(); }
	if($("#formWinnaars").length) { refreshWinnaars(); }
}

function refreshAlbums () {
	$("#loading").css("display","block");
	$.ajax({
		type: "POST",
		url: "/inc/fotoalbums.dhtml",
		cache: false,
		data: $("#formFotoalbum").serialize(),
		success: function(data) { 
			$("#albums").html(data); 
			$("#loading").css("display","none");
		}
	});
}

function refreshWedstrijden () {
	$("#loading").css("display","block");
	$.ajax({
		type: "POST",
		url: "/inc/wedstrijden.dhtml",
		cache: false,
		data: $("#formWedstrijden").serialize(),
		success: function(data) { 
			$("#wedstrijden").html(data); 
			$("#loading").css("display","none");
			$("#calendarOverview a.inschrijvingen").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false, 'type': 'iframe', 'width': '90%', 'height': '90%' });
			$("#calendarOverview a.uitslagen").fancybox({ 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false, 'type': 'iframe', 'width': '90%', 'height': '90%' });
		}
	});
}

function refreshWinnaars () {
	$("#loading").css("display","block");
	$.ajax({
		type: "POST",
		url: "/inc/winnaars.dhtml",
		cache: false,
		data: $("#formWinnaars").serialize(),
		success: function(data) { 
			$("#mainContent").html(data); 
			$("#loading").css("display","none");
			$("a.meerUitslagen").fancybox({ 'overlayOpacity': 0.7, 'overlayColor': '#000', 'hideOnContentClick': false, 'type': 'iframe', 'width': '90%', 'height': '90%' });
		}
	});
}

$.fn.formatInput = function() {
 return this.focus(function() {
  if( this.value == this.defaultValue ) {
   this.value = "";
  }
 }).blur(function() {
  if( !this.value.length ) {
   this.value = this.defaultValue;
  }
 });
};