// execute your scripts when DOM is ready. this is a good habit

$(function() {
$('ul.nav li:first-child').addClass( 'eerste' );
$('ul.nav li:last-child').addClass( 'laatste' );
});

$(function() {
$('ul.sidebarnav li:first-child').addClass( 'firstChild' );
$('ul.sidebarnav li:last-child').addClass( 'lastChild' );
});

$(function() {
$('ul.tabs li:first-child').addClass( 'firstChild' );
$('ul.tabs li:last-child').addClass( 'lastChild' );
});

$(function() {
$('ul.footerlinks li:first-child').addClass( 'firstChild' );
$('ul.footerlinks li:last-child').addClass( 'lastChild' );
});

$(function() {
$("ul.sidebarnav.locations > li > a").each(function() {
  $(this).contents().wrapAll("<span>");
}); });


 $(document).ready( function(){ $('.slider_images').innerfade({ animationtype: 'fade', speed: 1900, timeout: 4000, type: 'random', containerheight: '275px' });   } );  

// perform JavaScript after the document is scriptable.
$(function() {
	// setup ul.tabs to work as tabs for each div directly under div.panes
	$("ul.tabs").tabs("div.panes > div", {effect: 'slide', fadeOutSpeed: 400});
});


$(function() {		
		
	// initialize scrollable with mousewheel support
	$(".scrollable2").scrollable({ circular: true, vertical: false, mousewheel: true }).autoscroll({ autoplay: true, interval: 3000, steps:3 });	
	
});