Something

var round = 0;
var roundsLeft = 0;
var characters = [];
var charactersLandscape = [];
var uuid = '';

function selectCharacter(id) {
	++round;
	--roundsLeft;
	if ( roundsLeft != 0 )
	{
		$('#roundsLeft').html( roundsLeft );
		$('#characters > div').not('#char' + id ).fadeOut(200);
		
		if(orientation.length == 0){
			alert(orientation.length);
			setTimeout( function() {$('#characters > div').not('#char' + id ).replaceWith( characters[round + 1].displayHtml )}, 250);
			$('#characters > div').not('#char' + id ).fadeIn(200);
		
		} if (orientation.length != 0){
			alert(orientation.length);
			setTimeout( function() {$('#characters > div').not('#char' + id ).replaceWith( charactersLandscape[round + 1].displayHtml )}, 250);
			$('#characters > div').not('#char' + id ).fadeIn(200);
			
		}
		
		
	}
	else
	{
		$('#roundsLeft').html( 0 );
		$('#characters > div').not('#char' + id ).fadeOut(200);
		$('#characters').prepend( '<p><strong>Vinneren er:</strong></p>' );
	}
	
	
}

function loadGame(uuid){
	
	uuid = uuid || "";
	
	/*
	 * Reset the game
	 */
	round = 0;
	characters = [];
	charactersLandscape = [];
	
	uuid = '';
	
	$.getJSON('/?action=getCharacters&game_uuid=' + uuid, function(data) {
		
		$('#characters').empty();
		
		characters = data.characters;
		charactersLandscape = data.characters;
		
		roundsLeft = characters.length - 1;
		uuid = data.uuid;
		/*
		 * Generate HTML for displaying each character
		 */
		$.each(characters, function(key, character) {
		    characters[key].displayHtml = '<div class="char" id="char'
		    					+ characters[key].character_id
		    					+ '"><a href="#" onclick="selectCharacter('
		    					+ characters[key].character_id + ');"><img src="/images/mobil/karikaturer/100/' + characters[key].handle + '.png"></a>'
		    					+ '<h3>' + characters[key].name + '</h3>'
		    					+ '<div class="charText">' + characters[key].short_bio
		    					+ '<a data-rel="dialog" href="#' + characters[key].handle + '_bio" data-transition="pop">Les mer</a></div></div>';
		    
		
		    charactersLandscape[key].displayHtml = '<div class="char charLandscape" id="char'
				+ charactersLandscape[key].character_id
				+ '"><a href="#" onclick="selectCharacter('
				+ charactersLandscape[key].character_id + ');"><img src="/images/mobil/karikaturer/100/' + charactersLandscape[key].handle + '.png"></a>'
				+ '<h3>' + charactersLandscape[key].name + '</h3>'
				+ '<div class="charText">' + charactersLandscape[key].short_bio
				+ '<a data-rel="dialog" href="#' + charactersLandscape[key].handle + '_bio" data-transition="pop">Les mer</a></div></div>';
		    
		    
		});
		
		/*
		 * Display first two characters
		 */
		if(orientation.length == 0){
			$('#characters').prepend( characters[0].displayHtml );
			$('#characters').prepend( characters[1].displayHtml );
			$('.countdown').fadeIn(0);
		
		} if (orientation.length != 0){
			$('#characters').prepend( charactersLandscape[0].displayHtml );
			$('#characters').prepend( charactersLandscape[1].displayHtml );
			$('.countdownLandscape').fadeIn(0);
		}
		
		/*
		 * Display number of rounds left
		 */
		$('#roundsLeft').html( roundsLeft );
		
	//	alert( characters[0].name );
		
	});
	
	
}



function printCharacters(){
	alert(characters);
}