$().ready(function(){
	
	/*
	var $scrollingDiv = $("#scrollingDiv");
 	$(window).scroll(function(){			
		$scrollingDiv
			.stop()
			.animate({"marginTop": ($(window).scrollTop()) + "px"}, "slow" );			
	});
	*/

	function myTimestamp(){
    tstmp = new Date();
    return tstmp.getTime();
	}
	
	$(".bushurenbutton").click(function() {
		$("#bhuren").toggle();
	});

	$(".callbackbutton").click(function() {
		$("#callback").toggle();
	});
	
	$(".questionbutton").click(function() {
		$("#question").toggle();
	});
		
	$(".menu_li_not_active li a").click(function() {
   	var str = $(this).attr('href');
   	var cls = $(this).attr('class');
		var cls2 = cls.replace('cl', "");
		$('#header').removeClass().addClass(cls);
		//$('#nav').removeClass().addClass(cls);
		$('#content').css("background-image", "url(/assets/images/bg_content_"+cls2+".jpg?t="+ myTimestamp()+")");
		//$('.galleria-container').css("background-color","#fff");
		setTimeout(function() {
  		window.location.href = str;
		}, 10);
		return false;
  });    
  
  $('#sorter1').change(function() {
   	var str = $(this).attr('value');
		var url = "/schoolreisprogrammas/75/schoolreizen_basisonderwijs/"+str+"";
		$(location).attr('href',url);
	});

  $('#sorter2').change(function() {
   	var str = $(this).attr('value');
		var url = "/schoolreisprogrammas/76/schoolreizen_voortgezet_onderwijs/"+str+"";
		$(location).attr('href',url);
	});

	$("a.replaced").colorbox(); 

	$("#sbimages").galleria({
    height: 300,
    width: 300,
    autoplay: 7000,
    popup_links: true,
		show_info: true,
    keep_source: true
	});

	$(".1replaced").live("click", function(){ 
		$("<a href="+$(".1replaced").attr("longdesc")+" />").colorbox({open:true}); 
	}); 
			
	/* Call me back */ 
	$("#csend").live("click", function() {
		var formdata = $("#contactform").serialize();		
		$.ajax({ type: "POST", url: "/aanvraag/callmeback", data: formdata,
			error:function(xhr){
	   		alert("readyState: "+xhr.readyState+"\nstatus: "+xhr.status);
	   		alert("responseText: "+xhr.responseText);
			}, // end error
			success: function() {
				$("#dyn").html('<p>Bedankt voor uw bericht.</p>');
			} // end success
		}); // end ajax
	});	
	
	/* colorbox - jquery.colorbox-min.js */
	// $('.aanvraag_busverhuur').colorbox({iframe:true, previous:'vorige', close:'sluiten', next:'volgende', innerWidth:850, innerHeight:610});
	// $('.aanvraag_schoolreis').colorbox({iframe:true, previous:'vorige', close:'sluiten', next:'volgende', innerWidth:850, innerHeight:610});
	// $('.ziekmelding').colorbox({iframe:true, previous:'vorige', close:'sluiten', next:'volgende', innerWidth:850, innerHeight:610});

	/* validate form - jquery.validate.js */
	$("#formfrontS").validate({
		rules: {
			email: { required: true, email: true },
			schoolnaam: { required: true },
			contactpersoon: { required: true },
			adres: { required: true },
			postcode: { required: true },
			plaats: { required: true },
			telefoon: { required: true },
			reisdatum: { required: true },
			vertrek_school: { required: true },
			vertrek_park: { required: true },
			thuiskomst: { required: true },
			aantal_kinderen: { required: true },
			leeftijd: { required: true },
			aantal_begeleiders: { required: true }
		},
		messages: {
			email: "<small>Gebruik geldig email-adres</small>",
			schoolnaam: "<small>Graag schoolnaam invullen</small>",
			contactpersoon: "<small>Graag contactpersoon invullen</small>",
			adres: "<small>Graag adres invullen</small>",
			postcode: "<small>Graag postcode invullen</small>",
			plaats: "<small>Graag plaats invullen</small>",
			telefoon: "<small>Graag telefoon invullen</small>",
			reisdatum: "<small>Graag reisdatum invullen</small>",
			vertrek_school: "<small>Graag vertrek invullen</small>",
			vertrek_park: "<small>Graag vertrek invullen</small>",
			thuiskomst: "<small>Graag thuiskomst invullen</small>",
			aantal_kinderen: "<small>Graag aantal invullen</small>",
			leeftijd: "<small>Graag leeftijd invullen</small>",
			aantal_begeleiders: "<small>Graag begeleiders invullen</small>"
		},
	 	submitHandler: function(form) {
			$('#verzendaanvraag').hide();
			$('.melding').html('<p class="error">Uw aanvraag wordt nu verzonden..</p>');
			form.submit();
 		}
	});

	/* validate form - jquery.validate.js */
	$("#formfrontB").validate({
		rules: {
			email: { required: true, email: true },
			bedrijfsnaam: { required: true },
			contactpersoon: { required: true },
			adres: { required: true },
			postcode: { required: true },
			plaats: { required: true },
			telefoon: { required: true },
			reisdatum: { required: true },
			vertrek_plaats: { required: true },
			bestemming: { required: true },
			vertrek_tijd_opstap: { required: true },
			aankomsttijd_bestemming: { required: true },
			vertrek_tijd_bestemming: { required: true },
			thuiskomst: { required: true },
			aantal_passagiers: { required: true },
			aantal_bussen: { required: true }		
		},
		messages: {
			email: "<small>Gebruik geldig email-adres</small>",
			bedrijfsnaam: "<small>Graag bedrijfsnaam invullen</small>",
			contactpersoon: "<small>Graag contactpersoon invullen</small>",
			adres: "<small>Graag adres invullen</small>",
			postcode: "<small>Graag postcode invullen</small>",
			plaats: "<small>Graag plaats invullen</small>",
			telefoon: "<small>Graag telefoon invullen</small>",
			reisdatum: "<small>Graag reisdatum invullen</small>",
			vertrek_plaats: "<small>Graag plaats invullen</small>",
			bestemming: "<small>Graag bestemming invullen</small>",
			vertrek_tijd_opstap: "<small>Graag tijd invullen</small>",
			aankomsttijd_bestemming: "<small>Graag tijd invullen</small>",
			vertrek_tijd_bestemming: "<small>Graag tijd invullen</small>",
			thuiskomst: "<small>Graag tijd invullen</small>",
			aantal_passagiers: "<small>Graag aantal invullen</small>",
			aantal_bussen: "<small>Graag aantal invullen</small>"			
		},
	 	submitHandler: function(form) {
			$('#verzendaanvraag').hide();
			$('.melding').html('<p class="error">Uw aanvraag wordt nu verzonden..</p>');
			form.submit();
 		}
	});
	

$('#callbackf').live('submit', function(event) {

		event.preventDefault();
	
		var formdata = $("#callbackf").serialize();	
		var postto = '/callback';

		$.ajax({ type: "POST", url: postto, data: formdata,
			
			error:function(xhr){
				
			},
	
			success: function(data) {
		  	
				$("#callbackf").empty().html(data);						
				
			}
			
		});
		  
	});


$('#questionf').live('submit', function(event) {

		event.preventDefault();
	
		var formdata = $("#questionf").serialize();	
		var postto = '/question';

		$.ajax({ type: "POST", url: postto, data: formdata,
			
			error:function(xhr){
			
			},
	
			success: function(data) {
		  	
				$("#questionf").empty().html(data);						
				
			}
			
		});
		  
	});
	
}); // end