$(function(){
	var playerCount = 0;
	var up = '-10px';
	
	var players = {};
	var currentPlayer;
	var timer;
	
	var goToPlayer = function(id){
		currentPlayer = id;
		$('#players-nav img').animate({
			marginTop:'0'
		})
		$(players[id]['element']).animate({
			marginTop:up
		});
		$('.player').fadeOut();
		$('#player-' + players[id]['name']).fadeIn();
	}
	
	var rotatePlayers = function(time){
		timer = setTimeout(function(){
			if(currentPlayer == players.length - 1){
				nextPlayer = 0;
			}else{
				nextPlayer = currentPlayer + 1;
			}
			goToPlayer(nextPlayer);
			rotatePlayers(time);
		},time);
	}
	
	$('#players .player-image').each(function(e){		
		var name = $(this).attr('alt');
		players[playerCount] = {}
		players[playerCount]['element'] = this;
		players[playerCount]['name'] = name;
		
		$(this).attr('rel',playerCount);
		
		$(this).appendTo('#players-nav').click(function(e){
			clearTimeout(timer);
			var id = $(this).attr('rel');
			goToPlayer(id);
		});
		
		if(playerCount > 0){
			$('#player-' + name).hide();
		}else{
			$(this).animate({
				marginTop:up
			});
			currentPlayer = playerCount;
		}
		playerCount++;
	});
	
	rotatePlayers(5000);
});