<script>
	var intervalID;

	/**
	 * Llama a la función "funcGame" y muestra el resultado en la etiquita "game".
	 */
	function updateGameId(funcGame){
		$("#game").load("/quizframe/games/"+ funcGame).show();
	}

	/**
	 * Activa el refresco cada segundo de la etiquieta "game".
	 */
	function intervalOn(funcGame){	
		intervalID = setInterval("updateGameId('"+ funcGame +"')", 1000 );
	}

	/**
	 * Detiene el refresco de la etiquieta "game".
	 */
	function intervalOff(){
		clearInterval(intervalID);
	}

	//Cuando la página está cargada activa el refresco.
	$(document).ready(intervalOn('play'));

	//Disparador para cuando se cierra o intenta cambiar de página.
	$(window).bind('beforeunload', function(){
		$.post("/quizframe/games/leaveGame");
	});
</script>

<div id="loading">
	<p>ESPERANDO JUGADOR...</p>
	<?php echo $this->Html->image('ajax-loader.gif'); ?>
</div>
  
<div id="game"></div>