$(document).ready(
		  function(){
			Cufon.replace('#navigation_container,#quote_text, #tagcloud', { fontFamily: 'Myriad Pro' });
			
			var menu_items = $('#main_nav').children();
			$(menu_items[menu_items.length-2]).find('li').addClass('last');
			
			magicline_init();
			
			var nieuws_items = $('.nieuwsitem').click(
													   function(){
															document.location = $(this).find('.readmore').attr('href');   
													   }
													   );
			var hspace_elts = $('img[hspace]');
			for(i = 0;i < hspace_elts.length;i++){
				if($(hspace_elts[i]).attr('align') == 'left'){
					$(hspace_elts[i]).css('margin-right',$(hspace_elts[i]).attr('hspace'));
				}
				else if($(hspace_elts[i]).attr('align') == 'right'){
					$(hspace_elts[i]).css('margin-left',$(hspace_elts[i]).attr('hspace'));
				}
				else{
					$(hspace_elts[i]).css('margin-right',$(hspace_elts[i]).attr('hspace')).css('margin-left',$(hspace_elts[i]).attr('hspace'))
				}
			}
			
			var vspace_elts = $('img[vspace]');
			for(i = 0;i < vspace_elts.length;i++){
				$(vspace_elts[i]).css('margin-top',$(vspace_elts[i]).attr('vspace')).css('margin-bottom',$(vspace_elts[i]).attr('vspace'));
			}
			
			$('#searchform img, #searchform2 img').click(
									   function(){
											$(this).parent().trigger('submit');   
									   }
									   );
			
			//kleur de links in de tagcloud rood
			var tagcloud_links = $('#tagcloud ul li h4 a,#tagcloud ul li h3 a,#tagcloud ul li h2 a,#tagcloud ul li h1 a');
			
			for(var i = 0;i < tagcloud_links.length;i++)
			{
				if($(tagcloud_links[i]).attr('href') != '' && $(tagcloud_links[i]).attr('href') != '#'){
					$(tagcloud_links[i]).css('color','#e50030');
				}
			}
			
			Cufon.replace('#tagcloud', { fontFamily: 'Myriad Pro' });
			
			$('#searchform, #searchform2').submit(function(){
				document.location.href= BASE_DIR+'nl/search/search/search_string,'+$(this).find('.zoekveld').val();
				return false;
			});
			
			/*Enable rel="external" as a replacement for target="_blank" attributes*/
			$("a[rel*='external']").attr('target','_blank');
			
			//center the canvas
			$(window).resize(
							 function(){
								 init_spacers()
								 init_blocks();
							 }
							 );
			init_blocks();
		  }
		  );

function init_spacers()
{
	$('#spacer_canvas_left').width(($(window).width() - $('#canvas').width()) / 2);
	$('#spacer_canvas_right').width(($(window).width() - $('#canvas').width()) / 2);
			
}
function init_blocks()
{
	//remove any existing blocks
	$('.block, .block2').remove();
	//set correct offsets
	var offset = $('#marquee').offset();
	
	$('#spacer_canvas_left_lower').css('margin-top',offset.top);
	$('#spacer_canvas_right_lower').css('margin-top',offset.top+15);
	
	var spacerWidth = ($(window).width() - $('#canvas').width()) / 2;
	var delta = {top:11,left:120};
	var delta2 = {top:11,left:120};
	
	$('#spacer_canvas_left_lower').width(spacerWidth);
	$('#spacer_canvas_right_lower').width(spacerWidth);
	
	var widthRight = spacerWidth - 150;
	var heightLeft = 128;
	var blocks = Math.ceil(widthRight / delta.left)+1; 
	
	var i = 1;
	
	while(i < blocks){
		//right
		var block = $('<div></div>').css('position','absolute').css('top',offset.top+19-(delta.top*i)).css('left',offset.left+$('#marquee').width()+(delta.left*i)).addClass('block');
		$('#spacer_canvas_right_lower').append(block);
		
		//left
		var block = $('<div></div>').css('position','absolute').css('top',offset.top+heightLeft+(delta2.top * i)).css('left',offset.left-140-(delta2.left *i )).addClass('block2');
		$('#spacer_canvas_left_lower').append(block);
		
		i++;
	}
}