$(document).ready(function() {
	
	// Gewoon wat hankypanky van de meester zelf; niks indrukwekkends overigens.
	
	// Mededeling voor land- en tuinbouw (en de antiquairs ;)
	// note 2 self: dit moet beter opgelost worden.
	if($.browser.msie && parseInt($.browser.version, 10) <= 8) {
		$('.innerContainer').prepend('<div class="ieComment">Deze pagina is geschreven in HTML 5; Oudere browsers "begrijpen" dit niet, dus de weergave (en ook de interactie) laat dan enigszins te wensen over. Ik heb dit zodanig opgevangen dat het leesbaar blijft, maar meer ook niet. Upgraden naar Internet Explorer 9 of switchen naar Firefox, Chrome, Safari of Opera blijft een betere optie. U zult daar beslist geen spijt van hebben :)<br /><a href="http://www.getfirefox.net/">Download Firefox</a> - <a href="http://www.google.com/chrome/">Download Google Chrome</a> - <a href="http://www.opera.com/download/">Download Opera</a></div>');
		$('.ieComment a').attr('target','_blank');
		}  
	
	// zorg dat sommige links in nieuw venster openen met behoud van validatie en toegankelijkheid.
	$('.linkedin a, .projecten a, .talenten a,.downLoads a').attr('target','_blank').attr('title','link opent in nieuw venster');
	
	// ### Openklappen projecten ###
	// Elementen klaarzetten
	$('.finished h3').css('cursor','pointer').attr('title','klik om open/dicht te klappen');
	$('.finished .projectInfo').hide();
	// Klap open die handel, en vlug een beetje
	$('.finished h3').click(function(){
		$(this).toggleClass('projectExpanded');
		var linkTitle = $(this).text();
		// GA trackertje
		_gaq.push(['_trackEvent','Bekijk project',linkTitle]);
		$(this).closest('.finished').children('.projectInfo').toggle(500, function(){
 		});
		
	});
	
	// ### Formulier ###
	// zet formulier op z'n plek en plaats naar rechts
	$('.contactForm').removeClass('floated').addClass('fixed').css('right','-325px');
	// toon formulier en stop weer weg bij klik op flapje en contactlink(mailto) in introtekst
	$('.formShow,#showContact').toggle(function(){
      		$('.contactForm').animate({
      		right: '0', 
		}, 500);
			_gaq.push(['_trackEvent','Contactformulier','uitklappen']);
			},function(){
      		$('.contactForm').animate({
      		right: '-325px', 
		}, 500);
			_gaq.push(['_trackEvent','Contactformulier','inklappen']);
   	});
	// mailto-link in introtekst moet geen mail-app openen
	$('.formShow,#showContact').click(function(event){
		// koest, mail-app!
		event.preventDefault();
	});
	// Om te voorkomen dat ik helemaal kapotgespamd word, toch maar even een hindernisje opwerpen..
	$('#form1').submit(function(){
		if ($('#spam').val() != '3'){
			alert('Spamvraag niet of niet correct beantwoord');
			$('#spam').focus();
			return false;
		} else if ($('#naam').val() == '') {
			alert('Naam niet ingevuld');
			$('#naam').focus();
			return false;
		} else if ($('#email').val() == '') {
			alert('E-mail niet ingevuld');
			$('#email').focus();
			return false;
		} else if ($('#bericht').val() == '') {
			alert('Bericht niet ingevuld');
			$('#bericht').focus();
			return false;
		} else {
			return true;
		}
	});
	
	// GA trackertjes
	// CV downloads
	$('.downLoads a').click(function(){
		var downloadedFile = $(this).text();
		_gaq.push(['_trackEvent','download CV',downloadedFile]);
	});
	// Submitten formulier
	$('.sendForm').click(function(){
		_gaq.push(['_trackEvent','Contactformulier','verzenden']);
	});
	// Uitgaande link
	$('.linkedin a, .projecten a, .talenten a').click(function(){
		var linkDest = $(this).text();
		_gaq.push(['_trackEvent','Uitgaande link',linkDest]);
		return true;
	});
	// Detecteer het scrollen van de pagina (gebruiker toont interesse of je het nou gelooft of niet), en stuur naar GA
	$(document).scroll(function(){ _gaq.push(['_trackEvent','Scroll pagina']); });
	
});