$(document).ready(function(){
  $(":text, textarea").labelify();

  $(".CheckBoxClass").bind("click",function(){ 
	 // alert($(this).prev().css('background-image'));
	  //alert($(this).prev().attr('id'));url("../images/back_checkbutton.gif");
	  $(this).prev().css('background','url("/images/back_checkbutton_checked.gif") no-repeat');	  
	  if( $(this).is(':checked') == false){
		  $(this).prev().css('background','url("/images/back_checkbutton.gif") no-repeat');	 
	  }
  });
  
		
	  $("#brochure").validate({ 
			invalidHandler: function(form, validator) {
		      var errors = validator.numberOfInvalids();
		      if (errors) {
		    	  
		        var message = errors == 1
		          ? 'U heeft 1 verplicht veld niet ingevuld. U kunt dit zien aan de rode achtergrond.'
		          : 'U heeft ' + errors + ' verplichte velden niet (juist) ingevuld. Dit kunt u zien aan de oranje achtergrond';
		        $("div.errorContainer span").html(message);
		        $("div.errorContainer").show();
		      } else {
		        $("div.errorContainer").hide();
		      }
		    },
			rules: {
				email: {// compound rule 
					required: true, 
					email: true
				 	}
			},
			errorElement: "span",
				 
			messages:{
				captcha: { required: 'Dit is een verplicht veld.' },
				question_type: { required: 'Dit is een verplicht veld.' },
				name: { required: 'Dit is een verplicht veld.' },
				lastname: { required: 'Dit is een verplicht veld.' },
				company: { required: 'Dit is een verplicht veld.' },
				street1: { required: 'Dit is een verplicht veld.' },
				postalcode: { required: 'Dit is een verplicht veld.' },
				city: { required: 'Dit is een verplicht veld.' },
				phone1: { required: 'Dit is een verplicht veld.' },
				email: { required: 'Dit is een verplicht veld.', email: 'Dit is geen valide e-mailadres'},
				opmerkingen: { required: 'Dit is een verplicht veld.' },
				recipient_email: { required: 'Dit is een verplicht veld.'}
			}			
			,errorPlacement: function(error, element){
				if($(element).hasClass('selectbox')){
		    		$(element).prev().prev().addClass('error');
		    		//$(element).prev().prev().addClass('error','url("/images/back_select-error.png")');
		    		$(":text, textarea").labelify();
		    	} else {
		    		$(element).addClass('error');
		    		//error.appendTo( element.prev(':first-child'));
		    		$(":text, textarea").labelify();
		    	}      
			}
		}); 
	  
	  $("#aanmelden").validate({ 
			invalidHandler: function(form, validator) {
		      var errors = validator.numberOfInvalids();
		      if (errors) {
		    	  
		        var message = errors == 1
		          ? 'U heeft 1 verplicht veld niet ingevuld. U kunt dit zien aan de rode achtergrond.'
		          : 'U heeft ' + errors + ' verplichte velden niet (juist) ingevuld. Dit kunt u zien aan de oranje achtergrond';
		        $("div.errorContainer span").html(message);
		        $("div.errorContainer").show();
		      } else {
		        $("div.errorContainer").hide();
		      }
		    },
			rules: {
				email: {// compound rule 
					required: true, 
					email: true
				 	}
			},
			errorElement: "span",
				 
			messages:{
				captcha: { required: 'Dit is een verplicht veld.' },
				question_type: { required: 'Dit is een verplicht veld.' },
				name: { required: 'Dit is een verplicht veld.' },
				lastname: { required: 'Dit is een verplicht veld.' },
				gender: { required: 'Dit is een verplicht veld.' },
				afspraakvoorkeur: { required: 'Dit is een verplicht veld.' },
				street1: { required: 'Dit is een verplicht veld.' },
				postalcode: { required: 'Dit is een verplicht veld.' },
				city: { required: 'Dit is een verplicht veld.' },
				phone1: { required: 'Dit is een verplicht veld.' },
				email: { required: 'Dit is een verplicht veld.', email: 'Dit is geen valide e-mailadres'},
				opmerkingen: { required: 'Dit is een verplicht veld.' },
				recipient_email: { required: 'Dit is een verplicht veld.'}
			}			
			,errorPlacement: function(error, element){
				if($(element).hasClass('selectbox')){
		    		$(element).prev().prev().addClass('error');
		    		//$(element).prev().prev().addClass('error','url("/images/back_select-error.png")');
		    		$(":text, textarea").labelify();
		    	} else {
		    		$(element).addClass('error');
		    		//error.appendTo( element.prev(':first-child'));
		    		$(":text, textarea").labelify();
		    	}      
			}
		}); 

		  $("#nieuwsbrief").validate({ 
			  rules: {
					  email: {// compound rule 
					  required: true, 
					  email: true
				  }
			  },
			  //errorElement: "span",
			  
			  messages:{
				  /*captcha: { required: 'Dit is een verplicht veld.' },
				  name: { required: 'Dit is een verplicht veld.' },
				  email: { required: 'Dit is een verplicht veld.', email: 'Dit is geen valide e-mailadres'},
			  */}			
			  ,errorPlacement: function(error, element){
				  // $(element).addClass('error');
				  $(":text, textarea").labelify();
			  }
		  }); 


			$("#container").scrollable({ circular:true, keyboard:true});
			  
		  	$('.spot').bind('click',function(){
		  		$('.spot').removeClass('clicked');
		  		$(this).addClass('clicked');
		  	});
		  	
		  	function positionFancybox(){
		  		var position = $('.spot.clicked').position();
		  		var offset = $('.spot.clicked').offset();
		  		//alert(offset.top);
		  		fancyYpos = $('#fancybox-wrap').css('top').split('px');
		  		fancyYpos = fancyYpos[0];
		  		$("#fancybox-wrap").css('margin-left',position.left - 480 + 'px');
		  		$("#fancybox-wrap").css('margin-top',offset.top - fancyYpos + 'px');
		  		//$('.various1').css('top',offset.top);
		  	}	
		  	
			
			$(".various1").fancybox({
				'titlePosition'		: 'none',
				'transitionIn'		: 'none',
				'onComplete'		: positionFancybox,
				'transitionOut'		: 'none',
				'overlayOpacity'	: 0.85,
				'overlayColor'		: '#111111'
			});		  

			$(function() {
				$( "#datepicker" ).datepicker();
				$( "#datepicker2" ).datepicker();
				$( "#datepicker3" ).datepicker();
			});
	  
});

/*
function initialize() {
	var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      disableDefaultUI: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
  }*/