var speed = 1000;
var delay = 2000;
var currentImage = 0;
var imageCount;

$(document).ready(function() {
													 
	imageCount = $('#rotator li').length;
	fadeImage();
	
});

function fadeImage()
{
	var $li = $('#rotator li');
	$li.eq(currentImage).fadeIn(speed,function(){
			setTimeout(nextImage, delay);	
		});
};

function nextImage()
{
	currentImage++;
	if (currentImage >= imageCount) {
		slidePanels();
	} else {
		fadeImage();
	}
}

function slidePanels()
{
	var $panels = $('#panels div');
	var delay = 0;
	for (var i=0;i<$panels.length;i++)
	{
		$panels.eq(i).delay(delay).animate({top:'0px'},1000);
		delay += 200;
	}
}