$(function() {

function fixImgs(whichName, maxW) {
var pix=document.getElementsByName(whichName);
  for (i=0; i<pix.length; i++) {
    w=pix[i].width;
    h=pix[i].height;
    if (w > maxW) {
      f=1-((w - maxW) / w);
      pix[i].width=w * f;
      pix[i].height=h * f;
    }
  }
}



		fixImgs('image', 445)
	

		$('a').click(function() {
			  this.blur();
		});
		
		$('.sluiten').live("click", function(){
							
				$.unblockUI();
				$('#poldersport_film').html('<iframe src="poldersport_film_1.html" id="filmpje" name="filmpje" width="510" marginwidth="5" height="400" marginheight="5" align="top" scrolling="no" frameborder="0"></iframe><div class="sluiten">[ sluiten ]</div>');
													  
		 	}
		);
		
		$('.film').live("click", function(){
							
														
					//$('#imageiframe').html('<iframe src="__1232131434ec061f4fd6891333b4935f__uc.php?imageID='+imageID+'" id="uploadimageiframe" name="uploadimage" width="100%" marginwidth="0" marginheight="0" scrolling="auto" frameborder="0" border="0">');
					$('#poldersport_film').html('<iframe src="poldersport_film_2.html" id="filmpje" name="filmpje" width="510" marginwidth="5" height="400" marginheight="5" align="top" scrolling="no" frameborder="0"></iframe><div class="sluiten">[ sluiten ]</div>');
					//$('#overlay').toggle();
					//$('#bewerklaag').toggle();
					//$('#imageupload').toggle();	
					$.blockUI({ message: $('#poldersport_film'), css: {
							width: '510px', 
							height: '410px',
							top:  ($(window).height() - 520) /2 + 'px', 
                			left: ($(window).width() - 425) /2 + 'px'
					} }); 
					
					//__0d80acd434ec061f4fd6891333b4935f__uc.php?		
							  
					  
			}
			
		);
		
		$('.sluiten2').live("click", function(){
							
				$.unblockUI();
				$('#poldersport_film2010').html('<iframe src="poldersport_film2010_1.html" id="filmpje" name="filmpje" width="768" marginwidth="5" height="432" marginheight="5" align="top" scrolling="no" frameborder="0"></iframe><div class="sluiten2">[ sluiten ]&nbsp;&nbsp;</div>');
													  
		 	}
		);
		
		$('.film2010').live("click", function(){
							
														
					//$('#imageiframe').html('<iframe src="__1232131434ec061f4fd6891333b4935f__uc.php?imageID='+imageID+'" id="uploadimageiframe" name="uploadimage" width="100%" marginwidth="0" marginheight="0" scrolling="auto" frameborder="0" border="0">');
					$('#poldersport_film2010').html('<iframe src="poldersport_film2010_2.html" id="filmpje" style="margin-top:10px;" name="filmpje" width="768" marginwidth="5" height="432" marginheight="5" align="top" scrolling="no" frameborder="0"></iframe><div class="sluiten2">[ sluiten ]&nbsp;&nbsp;</div>');
					//$('#overlay').toggle();
					//$('#bewerklaag').toggle();
					//$('#imageupload').toggle();	
					$.blockUI({ message: $('#poldersport_film2010'), css: {
							width: '788px', 
							height: '455px',
							top:  ($(window).height() - 455) /2 + 'px', 
                			left: ($(window).width() - 788) /2 + 'px'
					} }); 
					
					//__0d80acd434ec061f4fd6891333b4935f__uc.php?		
							  
					  
			}
			
		);
		
		
		// FOTO NAVIGATIE
		var faantal=5-1; // dit komst straks uit php
		var tel=-faantal; // bij rechter foto beginnen
		var breedte=409; // breedte per foto
		var loc=0;
		loc=breedte*tel;
		$('#fbrowser_foto').css({backgroundPosition: loc+'px 0px'}); //bij rechter foto beginnen fysiek
									  
		
		$('#fotonavl').click(function() {
			var faantal=$('#fbrowser_foto').css("font-weight");
			faantal=faantal/100;
			faantal=faantal-1	
			
			tel=tel-1;	if (tel<-faantal) { tel=0; }
			loc=breedte*tel;
			
			$('#fbrowser_foto').animate({backgroundPosition: loc+'px 0px'});
									  
		});
		$('#fotonavr').click(function() {
			var faantal=$('#fbrowser_foto').css("font-weight");
			//faantal=faantal.replace('00', '');

			faantal=faantal/100;
			faantal=faantal-1
			
			tel=tel+1; if (tel>0) { tel=-faantal; }
			loc=breedte*tel;
			
			$('#fbrowser_foto').animate({backgroundPosition: loc+'px 0px'});
									  
		});
		
		// GROEPEN NAVIGATIE
		$('.groepenitem').click(function() {
										 
			$('#kreet').fadeOut('slow');
			
			$('.groepenitem').removeClass('witback');
			$(this).addClass('witback');
			
		    //$(".groep").hide("slow");
			var groepID = $(this).attr('id'); 
			
			
						
			if (groepID!='groephome') {
				
				$.ajax({
					  type: "POST",
					  url: "ajax/__get_subgroepen.php",
					  data: "groepID="+groepID,
					  success: function(msg){
						  
								 					 
							$('#subgroepenmenu').html(msg).end()
							$('#subgroepenmenu').show();
																					
							// uitting aanpassen
							//$("#uitting").hide("fast", function () {
								var d = new Date();
								var cache = d.getTime(); 
								
								$('#uitting').html('<img src="plaatjes/arrangement_'+groepID+'.png?'+cache+'">').end();
							//	$('#uitting').show('fast');
							//});
							
							// fotos aanpassen
	//						$('#fbrowser_foto').removeClass('foto_tekst1');
							for (var x = 1; x <= 100; x++)  {
								   $('#fbrowser_foto').removeClass('foto_tekst'+x);
						    }
							for (var x = 1; x <= 50; x++)  {
								   $('#fbrowser_foto').removeClass('foto_act'+x);
						    }
							for (var x = 1; x <= 10; x++)  {
								   $('#fbrowser_foto').removeClass('foto_groep'+x);
						    }
							$('#fbrowser_foto').addClass('foto_'+groepID);
							faantal=$('.foto_'+groepID).css("font-size");
							
																				
							faantal=faantal.replace('px', '00');
							$('#fbrowser_foto').css("font-weight",faantal);
							faantal=$('#fbrowser_foto').css("font-weight");
							
							// meest rechter foto tonen
							//faantal=faantal.replace('00', '');
							faantal=faantal/100;
							faantal=faantal-1
							tel=-faantal; // bij rechter foto beginnen
							loc=breedte*tel;
							//loc=faantal*breedte;
							//loc=-loc;
							
							//$('#fbrowser_foto').animate({backgroundPosition: loc+'px 0px'});
							$('#fbrowser_foto').css({backgroundPosition: loc+'px 0px'});
							//faantal=faantal.replace("px", "");
														
							// groepen tonen
							$(".groep:eq(0)").slideToggle("fast", function () {
								    /* use callee so don't have to name the function */
							    //$(this).next(".groep").show("fast", arguments.callee);
								$(this).next(".groep").slideToggle("fast", arguments.callee);
							});
							
							groepID=groepID.replace('groep', '');
							//alert("paginaID="+groepID);
							$.ajax({
								   	
									  type: "POST",
									  url: "ajax/__get_output.php",
									  data: "groepID="+groepID,
									  success: function(msg){
																							 
											$('#mainoutput').html(msg).end()
										
											//$('#subgroepenmenu').show();
								}
						
							});
	
					   }
		
				});
			
			}
			
			
										 
		});
		
		
		// groepen activiteit
		$('.grpa').live('click', function() {

					var actID = $(this).attr('id'); // act##	
									
							
					
							for (var x = 1; x <= 50; x++)  {
								   $('#fbrowser_foto').removeClass('foto_tekst'+x);
						    }
							for (var x = 1; x <= 50; x++)  {
								   $('#fbrowser_foto').removeClass('foto_act'+x);
						    }
							for (var x = 1; x <= 10; x++)  {
								   $('#fbrowser_foto').removeClass('foto_groep'+x);
						    }
							$('#fbrowser_foto').addClass('foto_'+actID);
							faantal=$('.foto_'+actID).css("font-size");
						
							faantal=faantal.replace('px', '00');
							$('#fbrowser_foto').css("font-weight",faantal);
							faantal=$('#fbrowser_foto').css("font-weight");
							
							// meest rechter foto tonen
							//faantal=faantal.replace('00', '');
							faantal=faantal/100;
							faantal=faantal-1
							tel=-faantal; // bij rechter foto beginnen
							loc=breedte*tel;
							//loc=faantal*breedte;
							//loc=-loc;
							
							//$('#fbrowser_foto').animate({backgroundPosition: loc+'px 0px'});
							$('#fbrowser_foto').css({backgroundPosition: loc+'px 0px'});
							//faantal=faantal.replace("px", "");
							
							$.ajax({
									type: "POST",
									url: "ajax/__get_output.php",
									data: "actID="+actID,
									success: function(msg){
																						   
										  $('#mainoutput').html(msg).end()
									  
										  //$('#subgroepenmenu').show();
							  }
					  
						  });
							

		});
		
		
		// home
		$('.homeitem').click(function() {
										 
			$('#subgroepenmenu').fadeOut('fast');
			$('#kreet').fadeIn('slow');	
			//$("#uitting").hide("fast", function () {
				$('#uitting').html('<img src="plaatjes/uitting_home.png">').end();
			//	$('#uitting').show('fast');
			//});
							for (var x = 1; x <= 50; x++)  {
								   $('#fbrowser_foto').removeClass('foto_tekst'+x);
						    }
							for (var x = 1; x <= 50; x++)  {
								   $('#fbrowser_foto').removeClass('foto_act'+x);
						    }
							for (var x = 1; x <= 10; x++)  {
								   $('#fbrowser_foto').removeClass('foto_groep'+x);
						    }
			$('#fbrowser_foto').addClass('foto_tekst1');
			var faantal=5-1; // dit komst straks uit php
			$('#fbrowser_foto').css("font-weight",500);
			var tel=-faantal; // bij rechter foto beginnen
			loc=breedte*tel;
			$('#fbrowser_foto').css({backgroundPosition: loc+'px 0px'});
			
			$.ajax({
					  type: "POST",
					  url: "ajax/__get_output.php",
					  data: "paginaID=home",
					  success: function(msg){
						  								 					 
							$('#mainoutput').html(msg).end()
						
							//$('#subgroepenmenu').show();
			 	}
		
			});
			
			

			
										 
		});
		
		
		$('#cnt_groep').change(function() {
			 var gekozen = $(this).attr('value');
			 if (gekozen=="Kinderfeestje") {
				 $('#naamjarigetr').show();
			 } else {
				 $('#naamjarigetr').hide();
			 }
		});
		
		$('#cnt_gewenstprogramma').change(function() {
			 var gekozen = $(this).attr('value');
			
			 if (gekozen=="") {
				 $('#choice_programma').hide();
				 $('#choice_arrangementen').hide();
				 $('#extraopties').hide();
			 }
			 if (gekozen=="Arrangementen") {
				 $('#choice_programma').hide();
				 $('#choice_arrangementen').show();
				 $('#extraopties').show();
				 
				 
			 }  
			 if (gekozen=="Programma") {
				 $('#choice_arrangementen').hide();
				 $('#choice_programma').show();
				 $('#extraopties').show();
			 }
			 
			 
		});
		
		$('.verzendboeking').click(function() {
			
				var cnt_voornaam = $("#cnt_voornaam").val().length;
				var cnt_achternaam = $("#cnt_achternaam").val().length;
				var cnt_adres = $("#cnt_adres").val().length;
				var cnt_postcode = $("#cnt_postcode").val().length;
				var cnt_plaats = $("#cnt_plaats").val().length;
				var cnt_tel = $("#cnt_tel").val().length;
				var cnt_groep = $("#cnt_groep").val().length;
				var cnt_datum = $("#cnt_datum").val().length;
				var cnt_tijd = $("#cnt_tijd").val().length;
				var cnt_aantal = $("#cnt_aantal").val().length;
				var cnt_gewenstprogramma = $("#cnt_gewenstprogramma").val().length;
				var gekozenprogramma=$("#cnt_gewenstprogramma").val();
				var myRadio = $('input[name=arrangement]');
				var checkedarrangement = myRadio.filter(':checked').val();			
				var myRadio = $('input[name=programma]');
				var checkedprogramma = myRadio.filter(':checked').val();			
				
								
				var e=0;
				
				if (cnt_voornaam<2) { $("#cnt_voornaam_titel").addClass('error'); e=e+1; } else { $("#cnt_voornaam_titel").removeClass('error'); }
				if (cnt_achternaam<2) { $("#cnt_achternaam_titel").addClass('error'); e=e+1;  } else { $("#cnt_achternaam_titel").removeClass('error'); }
				if (cnt_adres<3) { $("#cnt_adres_titel").addClass('error'); e=e+1; } else { $("#cnt_adres_titel").removeClass('error'); }
				if (cnt_postcode<6) { $("#cnt_postcode_titel").addClass('error');e=e+1;  } else { $("#cnt_postcode_titel").removeClass('error'); }
				if (cnt_plaats<2) { $("#cnt_plaats_titel").addClass('error'); e=e+1; } else { $("#cnt_plaats_titel").removeClass('error'); }
				if (cnt_tel<8) { $("#cnt_tel_titel").addClass('error'); e=e+1; } else { $("#cnt_tel_titel").removeClass('error'); }
				if (cnt_groep<2) { $("#cnt_groep_titel").addClass('error');e=e+1;  } else { $("#cnt_groep_titel").removeClass('error'); }
				if (cnt_datum<5) { $("#cnt_datum_titel").addClass('error');e=e+1;  } else { $("#cnt_datum_titel").removeClass('error'); }
				if (cnt_tijd<2) { $("#cnt_tijd_titel").addClass('error');e=e+1;  } else { $("#cnt_tijd_titel").removeClass('error'); }
				if (cnt_aantal<1) { $("#cnt_aantal_titel").addClass('error');e=e+1;  } else { $("#cnt_aantal_titel").removeClass('error'); }
				
				var aangevinktarrprog="";
				if (cnt_gewenstprogramma<1) { 
				
					$("#cnt_gewenstprogramma_titel").addClass('error');e=e+1;  

				} else { 
					
					$("#cnt_gewenstprogramma_titel").removeClass('error'); 
							
					if (gekozenprogramma=="Arrangementen") {
						
						if (typeof checkedarrangement == 'undefined') {
							$("#cnt_gewenstprogramma_titel").addClass('error');e=e+1;  
						 } else {
							$("#cnt_gewenstprogramma_titel").removeClass('error'); 
							aangevinktarrprog=checkedarrangement;
							// alert(checkedarrangement);
						}
						
					} else {
						
						if (typeof checkedprogramma == 'undefined') {
							$("#cnt_gewenstprogramma_titel").addClass('error');e=e+1;  
						 } else {
							$("#cnt_gewenstprogramma_titel").removeClass('error'); 
							aangevinktarrprog=checkedprogramma;
							// alert(checkedprogramma);
						}
					
					}
					
				}
				
				
				
				
				var a = $("#cnt_email").val();
				var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
				
				if(filter.test(a)){	
					$("#cnt_email_titel").removeClass('error');
				} else {
					//if it's NOT valid
					$("#cnt_email_titel").addClass('error');
					e=e+1;
				}
				
				if (e==0) { 
				
					$("#verzendcontactknop").removeClass('verzendcontact');
					$('textarea').attr("disabled", true);
					$('select').attr("disabled", true);
					$('input').attr("disabled", true);

					$('#verzendcontactknop').html("<img src='images/busy.gif'> Bezig met verzenden...").end();
					$('#warning').html("").end()
					
					var myRadio = $('input[name=aanhef]');
				 	var cnt_aanhef = myRadio.filter(':checked').val();		
					var cnt_tijd = $("#cnt_tijd").val();
					var cnt_voornaam = $("#cnt_voornaam").val();
					var cnt_achternaam = $("#cnt_achternaam").val();				
					var cnt_bedrijfsnaam = $("#cnt_bedrijfsnaam").val();
					var cnt_adres = $("#cnt_adres").val();
					var cnt_postcode = $("#cnt_postcode").val();
					var cnt_plaats = $("#cnt_plaats").val();
					var cnt_tel = $("#cnt_tel").val();
					var cnt_groep = $("#cnt_groep").val();
					var cnt_aantal = $("#cnt_aantal").val();
					var cnt_budget = $("#cnt_budget").val();
					var cnt_datum = $("#cnt_datum").val();
					var cnt_email = $("#cnt_email").val();
					var cnt_opmerkingen = $("#cnt_opmerkingen").val();
					
					var extra_bbq = $("#extra_bbq").val();
					var extra_lunch = $("#extra_lunch").val();				
					var extra_knak = $("#extra_knak").val();
					//var extra_tosti = $("#extra_tosti").val();
					var extra_polderburger = $("#extra_polderburger").val();
					var cnt_aantalbbq = $("#cnt_aantalbbq").val();
					var cnt_aantallunch = $("#cnt_aantallunch").val();
					var cnt_aantalknak = $("#cnt_aantalknak").val();
					//var cnt_aantaltosti = $("#cnt_aantaltosti").val();
					var cnt_aantalburger = $("#cnt_aantalburger").val();
					
					var cnt_email = $("#cnt_email").val();
					var cnt_opmerkingen = $("#cnt_opmerkingen").val();
					var cnt_organisatie = $("#cnt_organisatie").val();
					
					var cnt_naamjarige = $("#cnt_naamjarige").val().length;
					
					if (cnt_naamjarige>1) {
						var naamjarige=$("#cnt_naamjarige").val();
					} else {
						
						var naamjarige="";
						
						}
					
					if ($('#extra_bbq').is(':checked')) { var cnt_extra_bbq=$("#cnt_aantalbbq").val(); } else { var cnt_extra_bbq=""; }
					if ($('#extra_lunch').is(':checked')) { var cnt_extra_lunch=$("#cnt_aantallunch").val(); } else { var cnt_extra_lunch=""; }
					if ($('#extra_broodjeknak').is(':checked')) { var cnt_extra_broodjeknak=$("#cnt_aantalknak").val(); } else { var cnt_extra_broodjeknak=""; }
					//if ($('#extra_tosti').is(':checked')) { var cnt_extra_tosti=$("#cnt_aantaltosti").val(); } else { var cnt_extra_tosti=""; }
					if ($('#extra_polderburger').is(':checked')) { var cnt_extra_polderburger=$("#cnt_aantalburger").val(); } else { var cnt_extra_polderburger=""; }
														
					$.ajax({
									type: "POST",
									url: "ajax/__verzenden_boeking.php",
									data: "naamjarige="+escape(naamjarige)+"&aanhef="+escape(cnt_aanhef)+"&voornaam="+escape(cnt_voornaam)+"&achternaam="+escape(cnt_achternaam)+"&email="+cnt_email+"&organisatie="+escape(cnt_organisatie)+"&adres="+escape(cnt_adres)+"&postcode="+cnt_postcode+"&plaats="+escape(cnt_plaats)+"&telefoon="+cnt_tel+"&aantal="+cnt_aantal+"&groep="+escape(cnt_groep)+"&tijd="+escape(cnt_tijd)+"&datum="+cnt_datum+"&aangevinktarrprog="+escape(aangevinktarrprog)+"&programma="+escape(gekozenprogramma)+"&opmerking="+escape(cnt_opmerkingen)+"&extra_bbq="+escape(cnt_extra_bbq)+"&extra_lunch="+escape(cnt_extra_lunch)+"&extra_knak="+escape(cnt_extra_broodjeknak)+"&extra_pburger="+escape(cnt_extra_polderburger),
									success: function(msg){
																	
										  //alert(msg);
																						   
										  $('#mainoutput').html(msg).end();
										  $( 'html, body' ).animate( { scrollTop: 0 }, 'slow' );
									  
										  
							  }
					  
					});
				
				}
				
				
			
		});
		
		$('.verzendcontact').click(function() {
		
				var cnt_voornaam = $("#cnt_voornaam").val().length;
				var cnt_achternaam = $("#cnt_achternaam").val().length;
				var cnt_adres = $("#cnt_adres").val().length;
				var cnt_postcode = $("#cnt_postcode").val().length;
				var cnt_plaats = $("#cnt_plaats").val().length;
				var cnt_tel = $("#cnt_tel").val().length;
				var cnt_groep = $("#cnt_groep").val().length;
				var e=0;
				
				if (cnt_voornaam<2) { $("#cnt_voornaam_titel").addClass('error'); e=e+1; } else { $("#cnt_voornaam_titel").removeClass('error'); }
				if (cnt_achternaam<2) { $("#cnt_achternaam_titel").addClass('error'); e=e+1;  } else { $("#cnt_achternaam_titel").removeClass('error'); }
				if (cnt_adres<3) { $("#cnt_adres_titel").addClass('error'); e=e+1; } else { $("#cnt_adres_titel").removeClass('error'); }
				if (cnt_postcode<6) { $("#cnt_postcode_titel").addClass('error');e=e+1;  } else { $("#cnt_postcode_titel").removeClass('error'); }
				if (cnt_plaats<2) { $("#cnt_plaats_titel").addClass('error'); e=e+1; } else { $("#cnt_plaats_titel").removeClass('error'); }
				if (cnt_tel<8) { $("#cnt_tel_titel").addClass('error'); e=e+1; } else { $("#cnt_tel_titel").removeClass('error'); }
				if (cnt_groep<2) { $("#cnt_groep_titel").addClass('error');e=e+1;  } else { $("#cnt_groep_titel").removeClass('error'); }
				
				var a = $("#cnt_email").val();
				var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
				
				if(filter.test(a)){	
					$("#cnt_email_titel").removeClass('error');
				} else {
					//if it's NOT valid
					$("#cnt_email_titel").addClass('error');
					e=e+1;
				}
				
				if (e==1) {
					
					var msg="Let op! Er is nog &eacute;&eacute;n veld niet correct ingevuld!";
					$('#warning').html(msg).end()
					
				}
				if (e>1) {
					var msg="Let op! Er zijn nog "+e+" velden niet correct ingevuld!";
					$('#warning').html(msg).end()
				}
				
				if (e==0) { 
				
					$("#verzendcontactknop").removeClass('verzendcontact');
					$('textarea').attr("disabled", true);
					$('select').attr("disabled", true);
					$('input').attr("disabled", true);

					$('#verzendcontactknop').html("<img src='images/busy.gif'> Bezig met verzenden...").end();
					$('#warning').html("").end()
					
					var cnt_voornaam = $("#cnt_voornaam").val();
					var cnt_achternaam = $("#cnt_achternaam").val();				
					var cnt_bedrijfsnaam = $("#cnt_bedrijfsnaam").val();
					var cnt_adres = $("#cnt_adres").val();
					var cnt_postcode = $("#cnt_postcode").val();
					var cnt_plaats = $("#cnt_plaats").val();
					var cnt_tel = $("#cnt_tel").val();
					var cnt_groep = $("#cnt_groep").val();
					var cnt_aantal = $("#cnt_aantal").val();
					var cnt_budget = $("#cnt_budget").val();
					var cnt_datum = $("#cnt_datum").val();
					var cnt_email = $("#cnt_email").val();
					var cnt_opmerkingen = $("#cnt_opmerkingen").val();
									
					$.ajax({
									type: "POST",
									url: "ajax/__verzenden.php",
									data: "voornaam="+escape(cnt_voornaam)+"&achternaam="+escape(cnt_achternaam)+"&email="+cnt_email+"&bedrijfsnaam="+escape(cnt_bedrijfsnaam)+"&adres="+escape(cnt_adres)+"&postcode="+cnt_postcode+"&plaats="+escape(cnt_plaats)+"&telefoon="+cnt_tel+"&groep="+cnt_groep+"&aantal="+cnt_aantal+"&budget="+escape(cnt_budget)+"&datum="+cnt_datum+"&opmerking="+escape(cnt_opmerkingen),
									success: function(msg){
																						   
										  $('#mainoutput').html(msg).end();
										  $( 'html, body' ).animate( { scrollTop: 0 }, 'slow' );
									  
										  //$('#subgroepenmenu').show();
							  }
					  
					});
				
				}
			
			
		
		});
		
		//$(this).everyTime(5000, function() {
			 //$('#fotonavr').trigger('click');
 		//});


		
	});