//new array function to shuffle an array
Array.prototype.shuffle = function (){ 
        for(var rnd, tmp, i=this.length; i; rnd=parseInt(Math.random()*i), tmp=this[--i], this[i]=this[rnd], this[rnd]=tmp);
};


//dom is ready
(function($){
	$(function() {
		//configs
		var fadeTime = 1000;
		var interval = 5000;

		var items = $('#carrousel img').get();
		items.shuffle();
		 $('#carrousel').html(items);
		
		//style aanpassen van de image
		$('#carrousel img').css({left:0,position:'absolute'});
		//alle items, behalve de eerste hiden
		$('#carrousel img:gt(0)').hide();
		$('#carrousel img:eq(0)').show();
		
		
		
		//interval zetten
		setInterval(function(){	
	       //eerste item uitfaden
			$('#carrousel img:first').fadeOut(fadeTime)
				//volgens item zichtbaar maken	
				.next('img').show()
			//context op de eerste item zetten
			.end()
			//item achteraan zetten.
			.appendTo('#carrousel');
		}, interval);
	});
})(jQuery);