_films = null;
_filmLength = 0;
_filmIndex = 0;
_filmTop = 25;
_filmHeight = 150;
_timer = null;

function startTimer(){
	clearTimer();
	_timer = setTimeout(timerComplete, 4000);
}
function clearTimer(){
	if (_timer) clearTimeout(_timer);
}
function timerComplete(){
	nextFilm();
}
function nextFilm(){
	animateFilm(getNextFilmIndex());
}
function getNextFilmIndex(){
	return (_filmIndex == _filmLength - 1) ? 0 : _filmIndex + 1;
}
function animateFilm (index) {
	// Clear timer
	clearTimer();
	// Get current film
	var currentFilm = $(_films.get(_filmIndex));
	// Set index
	_filmIndex = index;
	// Get requested film
	var requestedFilm = $(_films.get(_filmIndex));
	// Animate films
	var y = _filmHeight;
	requestedFilm.css({display:'block',zIndex:1});
	currentFilm.css({display:'block',zIndex:2,opacity:1}).animate({opacity:0,top:y}, 1000, function(){
		// Remove current feature
		currentFilm.css({display:'none',opacity:1,top:_filmTop});
		// Start timer
		startTimer();
	});
}

$(document).ready(function(){
	// Initialize films
	_films = $('div.film');
	_filmLength = _films.size();
	_films.css({display:'none'});
	_films.first().css({display:'block'});
});
$(window).load(function(){
	// Start film slideshow
	if (_filmLength > 1) {
		startTimer();
	}
});