$(function() {
	/*
	 * FRONTPAGE SLIDER
	 */
	$("#rotate").tabs().addClass('ui-tabs-horizontal ui-helper-clearfix');
	$('#rotate > ul').tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 5000).addClass('ui-tabs-horizontal ui-helper-clearfix');
	//$('#rotate > ul').tabs({ fx: { opacity: 'toggle' } }).addClass('ui-tabs-vertical ui-helper-clearfix');	// initialiseeer de tabs.
	//$('#rotate > ul').tabs('select', 1).tabs('select', 0).tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 5000).addClass('ui-tabs-vertical ui-helper-clearfix');
	
	/*
	 * TOPNAV LANGUAGE MENU 
	 */
	$("ul.subnav").parent().append("<span><\/span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
	$("ul.topnav li").hoverIntent(function() { //When trigger is clicked...
			$(this).find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
		}, function(){	//On Hover Out
			$(this).find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up			
	});
	
	
	// 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.
			$(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
			$(this).removeClass('hover');
			$(".mega-container", this).hide(); // zorgt ervoor dat jquery het item de 1e keer goed kan benaderen.
			// animeer de balk terug.
			
			
		}
	);
	/* BALK ONDERIN */
	var containerheight = $(window).height() - 68 - 216 - 40;	// document minus top-bottom-paddingcontent
	if (containerheight > $("#contentmiddle-inner").height()){
		$("#contentmiddle-inner").css("min-height", containerheight + "px");
	}
	if(jQuery().expander) {
		$('#function_2 .expander').expander({
		  slicePoint: 290, 
		  expandText: 'lees verder &gt;',
		  userCollapseText: '&lt;&lt;'
		  /*,
		  afterExpand: function($thisEl) {
			correctContentheight();
		  },
		  onCollapse: function($thisEl, byUser) {
			correctContentheight();
		  }*/
		});
	}
	//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.
	});		
});