Cufon.replace('h2', { color: '#FFF', textShadow: '1px 1px #000' });
Cufon.replace('h2.Donker', { color: '#212424', textShadow: '1px 1px #999' });


$(document).ready(function() {
    var BASE_PATH = "http://www.fransenmedia.nl/vijf_templates/fransenmedia2011/layout/";
	var validator = $("#contactFormulier").validate({
		rules: {
			Naam: "required",			
			Email: {
				required: true,
				email: true
			},
			Bericht: "required"
		},
		messages: {
            Naam : "<span class=\"Fout\"></span>",
            Email :"<span class=\"Fout\"></span>",
            Bericht : "<span class=\"Fout\"></span>"
		},
		submitHandler: function() {
            var data = $("#contactFormulier").serialize();
			$.ajax({
                type:   "POST",
                url:    "http://www.fransenmedia.nl/vijf_templates/fransenmedia2011/layouts/handleContactAanvraag.php",
                data:   data,
                success: function(xmlHttpResponseText){
                    $("#HetFormulier").hide();
                    $("#HetFormulier").html("<strong>Bedankt voor je contactaanvraag. Ik neem z.s.m. contact met je op!<br/><br/>Met vriendelijke groet,<br/>Ben Fransen</strong>");
                    $("#HetFormulier").fadeIn('slow');
                }              
            })
		},
		success: function(label) {		
			label.html("&nbsp;").addClass("Goed");
		}
	});   
    
    
});
 
$(function() {    
    PortfolioActies();
});

function PortfolioActies(contextSelector)
{
    var context;
	if (contextSelector === undefined) {
        context = $(document);
    } else {
        context = $(contextSelector);
    }
    
    $(".ToonProjectDetails", context).click(function(){   
        $("#PortfolioDetailOverlay").fadeIn(350);
        $("#PortfolioDetailsProject").fadeIn(350);
        $("#PortfolioDetailsProject").html('');
        $.ajax({
            type:   "POST",
            url:    "http://www.fransenmedia.nl/vijf_templates/fransenmedia2011/layouts/handleProjectDetails.php",
            data:   $("#Portfolio").serialize(),
            success: function(xmlHttpResponseText){
                $("#PortfolioDetailsProject").html(xmlHttpResponseText);
                $("#PortfolioDetailsProjectImage").fadeIn(350);    
                PortfolioActies();
            }                
        });
    }).disableSelection();
    
    $(".SluitProjectDetails", context).click(function(){
        $("#PortfolioDetailOverlay").fadeOut(350);
        $("#PortfolioDetailsProject").fadeOut(350);
    }).disableSelection();    
}