var height_head = 0;
var height_middle = 0;
var height_bottom = 0;

$(document).ready(function() {
	
	// EVENTS
	// PREPARATION : fix_content_height()
	$(window).resize(function() {
		fix_content_height();
	});
	fix_content_height();

	// ANIMATE HEADER
	// PREPARATION : function animate_header()
	$('#tpl_bouwstenen_large_4').stop(true, true).idle(100).fadeIn(200);
	$('#tpl_bouwstenen_small_1').stop(true, true).idle(200).fadeIn(200);
	$('#tpl_bouwstenen_small_2').stop(true, true).idle(300).fadeIn(200);
	$('#tpl_bouwstenen_small_3').stop(true, true).idle(400).fadeIn(200);
	
});


function fix_content_height() {
	var height_body = $('body').height();
	if(height_head === 0) {
		height_head = $('#tpl_head').height();
		height_middle = $('#tpl_middle').height();
		height_bottom = $('#tpl_bottom').height();
	}
	var height_content = height_body - height_head - height_bottom;
	if(height_content < height_middle) {
		height_content = height_middle;
	}
	$('#tpl_middle').height(height_content);
}
function animate_header() {
	$('.tpl_bouwstenen_large').show().fadeOut(0);
	$('.tpl_bouwstenen_small').show().fadeOut(0);
	$('.tpl_bouwstenen_small').bind('mouseenter', function() {
		var id = $(this).attr('id');
		id = id.replace('small', 'large');
		$('#'+id).stop(true, true).fadeIn(200);
		$('#tpl_bouwstenen_large_4').stop(true, true).fadeOut(200);
	}).bind('mouseleave', function() {
		var id = $(this).attr('id');
		id = id.replace('small', 'large');
		$('#'+id).stop(true, true).idle(100).fadeOut(200);
		$('#tpl_bouwstenen_large_4').stop(true, true).idle(100).fadeIn(200);
	});
}