var firsttime = true;

function theRotator() {
	setInterval('rotate()',7000);
}
function rotate() {	
	
	var current = (jQuery('div.rotator ul li.show')?  jQuery('div.rotator ul li.show') : jQuery('div.rotator ul li:first'));
    
	if ( current.length == 0 ) current = jQuery('div.rotator ul li:first');
	
//	var randomNr = Math.floor(Math.random() * current.next().length);
//	alert(randomNr);
	
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? jQuery('div.rotator ul li:first') :current.next()) : jQuery('div.rotator ul li:first'));
    next.fadeIn(1);
    next.addClass('show')
    current.fadeOut(1);
    current.removeClass('show');
};
jQuery(document).ready(function() {		
	rotate();
	theRotator();
	// get random var
	if(firsttime == true)
	{
		// get a random var, ranging from 0 to the amount of banners to show
		var randVar = Math.floor(Math.random() *jQuery("div.rotator ul li").length);
		// rotate to the corresponding banner
		for(i = 1; i <= randVar; i++) rotate();
		// disable first time var
		firsttime = false;
	}
});
