$(document).ready(function(){

	// Image HoVer effect voor de afbeeldingen
$("img.a").hover(
	function() {
	$(this).stop().animate({"opacity": "0"}, "slow");
	},
	function() {
	$(this).stop().animate({"opacity": "1"}, "slow");
	});
		

	// Klikken start te functie
	$(window).load(function(e) {
	    var popID = "popup3"; //Verkrijg de naam van onze popup
	    var popURL = "#?w=442"; //Verkrijg het formaat uit de laag.
	
	    //Haal gegevens uit de URL van de link
	    var query= popURL.split('?');
	    var dim= query[1].split('&');
	    var popWidth = dim[0].split('=')[1]; //Haal de eerste regel tekst voor in het vak op.
	
	    //laat de pagina opkomen en de sluitknop erin plaatsen
	    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="effects/closePopUp.png" class="btn_close" title="Venster Sluiten" alt="Close" /></a>');
	
	    //Geef de formaten van de lagen de juiste waarden
	    var popMargTop = ($('#' + popID).height() + 80) / 2;
	    var popMargLeft = ($('#' + popID).width() + 80) / 2;
	
	    //Apply Margin to Popup
	    $('#' + popID).css({
	        'margin-top' : -popMargTop,
	        'margin-left' : -popMargLeft
	    });
	
	    // Vervaag in de achtergrond
	    $('body').append('<div id="fade"></div>'); //Voeg de vervaag laag toe in het venster
	    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Laad de vervaag laag in de pagina (binnenkomer) - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies 
	
	    return false;
	});
	
	//Close Popups and Fade Layer
	$('a.close, #fade').live('click', function() { //Wanneer er op sluit of de laag wordt geklikt venster sluiten...
	    $('#fade , .popup_block').fadeOut(function() {
	        $('#fade, a.close').remove();  //Beiden uitvagen
	    });
	    return false;
	});

});