$(document).ready(function() {

// do stuff when DOM is ready

	// breadcrumb animatie

		$("#breadcrumb").animate({ 
			marginTop: "-30px"
		}, 2000 );

	// search box
	
		// global vars  

			var searchBoxes						 = $(".text");  

			var searchbox_activiteiten			 = $("#search_activiteiten");  
			var searchbox_activiteiten_default	 = "Trefwoord(en)";  

			var searchbox_nieuwsbrief			 = $("#search_nieuwsbrief");  
			var searchbox_nieuwsbrief_default	 = "Uw e-mail adres";  

		// effects for both searchbox			

			searchBoxes.focus(function(e){  
				$(this).addClass("active");  
			});  
			searchBoxes.blur(function(e){  
				$(this).removeClass("active");  
			});  

		// show/hide default text if needed  

			searchbox_activiteiten.focus(function(){  
				if($(this).attr("value") == searchbox_activiteiten_default) $(this).attr("value", "");  
			});  
			searchbox_activiteiten.blur(function(){  
				$(this).attr("value", searchbox_activiteiten_default);
			});  

			searchbox_nieuwsbrief.focus(function(){  
				if($(this).attr("value") == searchbox_nieuwsbrief_default) $(this).attr("value", "");  
			});  
			searchbox_nieuwsbrief.blur(function(){  
				$(this).attr("value", searchbox_nieuwsbrief_default);
			});  

});