// JavaScript Document





function getDimension () {

    if (self.innerWidth) // Als de browser deze manier van aanroepen hanteerd
    {
        frameWidth = self.innerWidth; // Haal de frame-width op
        frameHeight = self.innerHeight; // Haal de frame-height op
    }
    else if (document.documentElement && document.documentElement.clientWidth)  // Als de browser deze manier van aanroepen hanteerd
    {
        frameWidth = document.documentElement.clientWidth; // Haal de frame-width op
        frameHeight = document.documentElement.clientHeight; // Haal de frame-height op
    }
    else if (document.body)  // Als de browser deze manier van aanroepen hanteerd
    {
        frameWidth = document.body.clientWidth; // Haal de frame-width op
        frameHeight = document.body.clientHeight; // Haal de frame-height op
    }
    else return;
}

function centerLayer(layer){
    getDimension(); // Haal de dimensies van het scherm op
        
   
        
     
	   
	   layerHeight = parseInt(stripPX(ADS.getStyle(layer,'height')));
	   layerWidth = parseInt(stripPX(ADS.getStyle(layer,'width')));
		
        
        spaceTop = (frameHeight - layerHeight)*0.5;
        spaceLeft = (frameWidth - layerWidth)*0.5;
        
        if (frameHeight <= layerHeight) spaceTop = 0;
        if (frameWidth <= layerWidth) spaceLeft = 0;
        
        document.getElementById(layer).style.left = spaceLeft;
        document.getElementById(layer).style.top = spaceTop;
                     
    }

function stripPX (input) { // layerWidth en layerHeight worden geparst als: 200px. Daar hebben we niets aan!
    stripLength = input.length-2; // De string moet de totale lengte -2 voor de px blijven
    output = input.substring(0,stripLength); // Behoudt alle tekens behalce de laatste twee
    return output; // Terugsturen die zooi
}

$(document).ready(function() {
 centerLayer('wrapper');
 
/*
$('.content').click(function(event){
								if($(event.target).is('#lees_meer_project1'))
								{
								$('#content_projec1').fadeIn('slow');
								$('#content_projec2').hide();
									
								}
								
								else if($(event.target).is('#lees_meer_project2'))
								{
								$('#content_projec1').hide();
								$('#content_projec2').fadeIn('slow');
									
								}
								
								
}

*/
/*
$('a#lees_meer_project1').click(function(event)
								{								
								$('div#content_project1').fadeIn('slow');
								$('div#content_project2').hide();
								
									
								});


$('a#lees_meer_project2').click(function(event)
								{								
								$('div#content_project1').hide();
								$('div#content_project2').fadeIn('slow');
								
									
								});
*/


$('a#lees_meer_project1').click(function(event)
								{								
								$('span#content_project1').fadeIn('slow');
								$('span#content_project2').hide();
								$('span#content_project3').hide();
								$('span#content_project4').hide();
								
								$('a#lees_meer_project1').hide();
								$('a#lees_meer_project2').fadeIn('slow');
								$('a#lees_meer_project3').fadeIn('slow');
								$('a#lees_meer_project4').fadeIn('slow');
								
								$('li:eq(0)').addClass('highlight');
								$('li:eq(1)').removeClass('highlight');
								$('li:eq(2)').removeClass('highlight');
								$('li:eq(3)').removeClass('highlight');
								
								
									
								});


$('a#lees_meer_project2').click(function(event)
								{								
								$('span#content_project1').hide();
								$('span#content_project2').fadeIn('slow');
								$('span#content_project3').hide();
								$('span#content_project4').hide();
								
								$('a#lees_meer_project1').fadeIn('slow');
								$('a#lees_meer_project2').hide();
								$('a#lees_meer_project3').fadeIn('slow');
								$('a#lees_meer_project4').fadeIn('slow');
								
								$('li:eq(0)').removeClass('highlight');
								$('li:eq(1)').addClass('highlight');
								$('li:eq(2)').removeClass('highlight');
								$('li:eq(3)').removeClass('highlight');
								
								
									
								});

$('a#lees_meer_project3').click(function(event)
								{								
								$('span#content_project1').hide();
								$('span#content_project2').hide();
								$('span#content_project3').fadeIn('slow');
								$('span#content_project4').hide();
								
								$('a#lees_meer_project1').fadeIn('slow');
								$('a#lees_meer_project2').fadeIn('slow');
								$('a#lees_meer_project3').hide();
								$('a#lees_meer_project4').fadeIn('slow');
								
								$('li:eq(0)').removeClass('highlight');
								$('li:eq(1)').removeClass('highlight');
								$('li:eq(2)').addClass('highlight');
								$('li:eq(3)').removeClass('highlight');
								
								
									
								});

$('a#lees_meer_project4').click(function(event)
								{								
								$('span#content_project1').hide();
								$('span#content_project2').hide();
								$('span#content_project3').hide();
								$('span#content_project4').fadeIn('slow');
								
								$('a#lees_meer_project1').fadeIn('slow');
								$('a#lees_meer_project2').fadeIn('slow');
								$('a#lees_meer_project3').fadeIn('slow');
								$('a#lees_meer_project4').hide();
								
								$('li:eq(0)').removeClass('highlight');
								$('li:eq(1)').removeClass('highlight');
								$('li:eq(2)').removeClass('highlight');
								$('li:eq(3)').addClass('highlight');
								
								
									
								});
});


var Safari=navigator.userAgent.toLowerCase();
		isSafari=(Safari.indexOf('safari') != -1);
		if(isSafari)
		{
		document.write("<link type='text/css' rel='stylesheet' href='../stylesheets/patches/safari.css' media='screen, projection'/>")	
		}