$(function() {
	
	// resize orange top-block + position rightcolumn
	
	leadCorrectionY = 0;
	leadCorrectionY += $("#header-inner").outerHeight();
	leadCorrectionY += $("#header").outerHeight();
	if ($("#viewer").outerHeight() > 0) {
		leadCorrectionY += $("#viewer").outerHeight()-5;
	}
	leadCorrectionY += $("#articleheader").outerHeight();
	$("#container-inner").css('background-position', '0 '+(leadCorrectionY-1010)+'px');
	
	//var offset = $("#breadcrumbs").offset();
	//$("#container-inner").css('background-position', 'left '+(offset.top-1020)+'px');
	
	// HOVERINTENT http://cherne.net/brian/resources/jquery.hoverIntent.html
	// UL LEAVE met hoverintent (is gelijk aan hover, maar dan met vertraging), zorgt voor vertraging bij een mouseleave. Voorkomt problemen met het snel er overheen schuiven.
	// past de hoogte aan van de achtergrond div
	
	$("li.mega").hover( 
		function() {
			// mouseover
			//$("div:first", this).height(100); // zorgt ervoor dat jquery het item de 1e keer goed kan benaderen.
			//$("ul", this).show(); // zorgt ervoor dat jquery het item de 1e keer goed kan benaderen.
			//$('#site-name a').css('background-image', 'none');
			$(this).addClass('hover');
			$(".mega-container", this).show(); // zorgt ervoor dat jquery het item de 1e keer goed kan benaderen.
			// mouseover state	
		},
		function() {
			// mouseout state
			//$("ul", this).hide();	// verberg het menu
			//$('#site-name a').css('background-image', 'url(/clientdata/icons/logo_home.gif)');
			$(this).removeClass('hover');
			$(".mega-container", this).hide(); // zorgt ervoor dat jquery het item de 1e keer goed kan benaderen.
			// animeer de balk terug.
			
			
		}
	);
	
	
	//http://plugins.jquery.com/project/easyListSplitter
	/* Zorgt voor de kolommen in het grote menu. Het aantal kolommen wordt aangegeven mbv CF.*/
	$('.list-split-2').easyListSplitter({ 
		colNumber: 2 // Insert here the number of columns you want. Consider that the plugin will create the number of cols requested only if there's enough items in the list.
	});		
	$('.list-split-3').easyListSplitter({ 
		colNumber: 3 // Insert here the number of columns you want. Consider that the plugin will create the number of cols requested only if there's enough items in the list.
	});
	$('#rotate > ul').tabs({ fx: { opacity: 'toggle' } });	// initialiseeer de tabs.
	
	$("#viewer").imageScroller({
		child:".slide",
		auto:true
	});
	
	// HOMEPAGE randomkunstafbeelding
	$('#region-1 .views-row, #region-3 .block.link').clickableDiv();
	
	// HOMEPAGE randomkunstafbeelding
	$(".randomartisimage").imageResize(
	{ maxWidth:150, maxHeight:330}
	);
	
	// HOMEPAGE viewer
	$('#viewer').hover(
		function(){
			//$('#views_slideshow_singleframe_controls_rotating_banner-block_1').fadeIn(3);			
			$('.prev', this).fadeIn("1");			
			$('.next', this).fadeIn("1");					
		},
		function(){
			//$('#views_slideshow_singleframe_controls_rotating_banner-block_1').fadeOut(3);	
			$('.prev', this).fadeOut("1");			
			$('.next', this).fadeOut("1");			
		}
	);
});