$(document).ready(function(){
    
	/**
	 * 
	 * Vacaturezoeken
	 * 
	 */
	
	function serializeVacancySearchParams() {
		var str_searchParams = $("form#searchvacancy").serialize();
		return str_searchParams
	}
	$("#searchCategory").bind("change keyup click", function() {
    	searchVacancy();
    }); 
	$("#searchEducation").bind("change keyup click", function() {
    	searchVacancy();
    }); 
    $("#searchDistance").bind("change keyup click", function() {
    	searchVacancy();
    }); 
    
    function searchVacancy()
    {
    	var str_searchParams = serializeVacancySearchParams();
    	$.post("/vrijwilligers-vacature/vrijwilligers-vacature-bank/vacatures&control=vacancy&params=ajax-search", { searchParams: str_searchParams }, function(data){
    	    $("div#vacancySearchResult").html(data);
    	  });
    }
    
    $("#vacancyAddForm").validate({
    	errorContainer: $("div.errormsgbox"), 
		rules: {
    		captcha: {
    			required: true,
    			remote: "/plugins/captcha/captchaRemoteCheck.php"
    		}
    	},
    	messages: {
    		captcha: "Fout in de validatiecode, herstel of vernieuw code."	
    	},
    	onkeyup: false
    });
    
    $("#captcha").click(function (){
        $(this).attr('src', $(this).attr('src')+'?'+Math.random());
    });
    $(".captcha").click(function (e){
    	$("#captcha").attr('src', $("#captcha").attr('src')+'?'+Math.random());
        e.preventDefault();
    });

    
    /**
     * 
     * SOCIALE KAART
     * 
     */
    
        
    $('#checkall').click(
       function()
       {
    	    $("INPUT[type='checkbox']").attr('checked', $('#checkall').is(':checked'));   
       }
    )
    		
	function serializeSocialeKaartParams() {
		var str_searchParams = $("form#socialekaart").serialize();
		return str_searchParams
	}

    $("form#socialekaart input").bind("change keyup click", function() { 
    	var str_searchParams = serializeSocialeKaartParams();
	/*
	 @todo: path eruit filteren
	*/
    	$.post("/vrijwilligers-vacature/vrijwilligers-vacature-bank/vacatures&control=vacancy&params=ajax-socialekaart", { searchParams : str_searchParams }, function(data){
   			$("div#socialeKaartResults").html(data);   		
    	  });
    }); 

    
  });