/*
	Websitenaam
	***********
	
	Javascript by pasz.nl. Magic by jQuery.
*/

$(document).ready(function() {
	// Page specific dingen
	if ($('#mainBottom').length > 0) pageMetMainBottom();
	
	
	
	// Globale dingen
	
	// Vult de value-atttribuut van input.makeEmpty-elementen met de inhoud van titleattribuut als ze leeg zijn.
	$('.makeEmpty').each(function() {
		$(this).val($(this).attr('title')).addClass('grayedOut');
	}).focus(function() {
		if($(this).val() == $(this).attr('title')) $(this).val('').removeClass('grayedOut')
	}).blur(function(){
		if($(this).val() == '') $(this).val($(this).attr('title')).addClass('grayedOut')
	}).trigger('blur')
	
	// Header hover toont navigatie
	$('#header').hover(function(){
		$('#nav').fadeIn('fast')
	}, function(){
		$('#nav').fadeOut('fast')
	})
	
	// Lightbox
	$('a.enlarge').fancybox({
		'overlayShow': true, 'overlayOpacity': 0.8
	});
});




function schaalMainTop() {
	var viewportHeight = $(window).height(),
		elm = $('#mainTop'),
		oudeHoogte,
		minus = $('#mainBottom').height() + 90,
		nieuweHoogte;
	
	elm.height('100%')
	oudeHoogte = elm.height();
	
	nieuweHoogte= viewportHeight-minus;
	if (nieuweHoogte < oudeHoogte) nieuweHoogte = oudeHoogte;
	elm.height(nieuweHoogte);
}



function pageMetMainBottom() {
	// Visual moet zo hoog mogelijk, dus mainTop moet verticaal geschaald worden
	schaalMainTop();
	
	var resizeTimer = null;
	$(window).bind('resize', function() {
		if (resizeTimer) clearTimeout(resizeTimer);
		resizeTimer = setTimeout(function(){schaalMainTop()}, 100);
	});

	
	
	// Maak hele top story ankeiler aanklikbaar
	$('#mainTop div.ankeiler').click(function(){
		window.location = $(this).find('a').attr('href');
	})
}

function upgrade() {
	$('<div id="upgrade"><h1>Je gebruikt een erg verouderde browser!</h1><p>Je browser is verouderd en dat brengt enkele veiligheidsproblemen met zich mee!<br />Bovendien werkt de layout van <strong>rock en roll info</strong> niet goed in je browser.</p><h2>We raden je aan een van deze browsers te installeren:</h2><ul><li><a href="http://www.mozilla.com/en-US/firefox/">Mozilla Firefox 3</a></li><li><a href="http://www.opera.com/download/" target="_top">Opera</a></li><li><a href="http://www.microsoft.com/windows/internet-explorer/beta/default.aspx" target="_top">IE8</a></li>	<li><a href="http://www.apple.com/safari/download/" target="_top">Safari</a></li><li><a href="http://www.google.com/chrome" target="_top">Chrome</a></li></ul></div>').prependTo('body')
}