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


$(function() {
            $(".nav").lavaLamp({ 
                fx: "backout", 
                speed: 800,
                click: function(event, menuItem) {
                    return true;
               }
            });
        });
														  

// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready

$(document).ready(function() {
$("#slider_container").scrollable({easing: 'custom', circular: true, mousewheel: true, speed:5000}).navigator().autoscroll({ interval: 11000, autopause:true});
}); 


$.easing.custom = function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t + b;
	return -c/2 * ((--t)*(t-2) - 1) + b;
	}

	

$(document).ready( function(){ $('#slider_container2').innerfade({ animationtype: 'fade', speed: 1900, timeout: 8000, type: 'random', containerheight: '111px' });   } );  
$(document).ready( function(){ $('.widget.referenties').innerfade({ animationtype: 'fade', speed: 1900, timeout: 8000, type: 'random', containerheight: '200px' });   } );