// start show repeats till stopped


$(document).ready(function() {

	// bring in navigation
	$('#homenav').animate({right: '12px', opacity: 1}, 1000);
  
    showFilm(1);
});

var startupRunning = true;
var numberOfFilms = 1

// show a film 
function showFilm(filmNumber)
{
	if (filmNumber > numberOfFilms) {
		filmNumber = 1;
	}
	if (startupRunning) {
		film = '#film' + filmNumber;
		var main = $(film + ' .main');
		var sub = $(film + ' .sub');
	
		//load the page
		main.animate({left: '80', opacity: 1}, 1000);
		sub.animate({left: '380', opacity: 1}, 1000)
	}
}

// show a film 
function hideFilm(filmNumber)
{
	if (startupRunning) {
		film = '#film' + filmNumber;
		var main = $(film + ' .main');
		var sub = $(film + ' .sub');
	
		// scroll off
		main.animate({left: '910'}, 1000);
		sub.animate({left: '-360'}, 1000);
		
		// hide it
		main.animate({opacity: '0'}, 10);
		sub.animate({opacity: '0'}, 10);

		// put back to start
		main.animate({left: '-630'}, 10);
		sub.animate({left: '1170'}, 10, function (){showFilm(filmNumber+1)});
	}
}

// hide all films
function hideAllFilms()
{

	startupRunning = false;
	
	for(i = 1; i <= numberOfFilms; i = i+1){
		film = '#film' + i;
		var main = $(film + ' .main');
		var sub = $(film + ' .sub');
	
		// Kill queues
		main.stop();
		sub.stop();

		// put back to start
		main.animate({left: '-630'}, 10);
		sub.animate({left: '1170'}, 10);
	
		// hide it
		main.animate({opacity: '0'}, 10);
		sub.animate({opacity: '0'}, 10);
	}
}

// change current team person

var teamCurrent = '';

function teamChange(name) 
{
	 // stop the startup moving running
	 hideAllFilms()

	name = '#' + name;

		if (teamCurrent != '') {
			current = teamCurrent;
			$(current).animate({opacity: 0}, 500);
			$(current).animate({left: '-820px'}, 10);
		}
		
		teamCurrent = name;
		$(teamCurrent).animate({left: '0px', opacity: 1}, 1000);
}