var imgAnim = new Array();
var fin=0;  

           //Variable global para contar las im�genes

var imgActual=-1;


for(i=0;i<21;i++){
	imgAnim[i] = new Image();
	img=i;
	imgAnim[i].src = "img/t1p6-paso"+img+".png";	
}

/***************************************************************************************************
+ Nombre: Anim
+ Finalidad: función que .
+ Suposiciones: 
	- pregunta
	- preguntas[]
+ Efectos: 
	- 
+ Parámetros Entrada: 
	- name
	- flag
+ Valores Devueltos: --
****************************************************************************************************/
function Anim(name, flag){
	var divMsg = document.getElementById("mensaje");
	divMsg.appendChild(document.createTextNode("\"El punto de ebullici\u00f3n es la temperatura a la que un l\u00edquido se convierte en gas. Mientras ocurre la transformaci\u00f3n, si el l\u00edquido es puro, la temperatura permanece constante y no cambia.\""));
	
	
	
	document.getElementsByName("boton")[0].src = "img/vacio.png";
	document.getElementsByName("boton")[0].onclick = "";
	startAnim(name, imgAnim, imgActual);
	loopAnim(name);	
}

/***************************************************************************************************
+ Nombre: startAnim
+ Finalidad: función que implementa el comienzo de la animación.
+ Suposiciones: 
	- imgActual
+ Efectos:
	- imgActual, puntero que marca el frame que se muestra se coloca a 0, para que se muestre el
	primer frame de la secuencia de imágenes perteneciente a la animación.
+ Parámetros Entrada: 
	- name, nombre del elemento imagen que sirve de base a la animación
+ Valores Devueltos: --
****************************************************************************************************/
function startAnim(name, imgVector, imgSel)
{
imgActual=0;
document.getElementsByName(name)[0].src = imgVector[1].src;
}

/***************************************************************************************************
+ Nombre: loopAnim
+ Finalidad: función que escogerá aleatoriamente una pregunta de las posibles. Coloca la pregunta 
seleccionada en la división correspondiente.
+ Suposiciones: 
	- pregunta
	- preguntas[]
+ Efectos: 
	- pregunta 
+ Parámetros Entrada: 
	- name
+ Valores Devueltos: --
****************************************************************************************************/
function loopAnim(name)
{
if(imgActual < imgAnim.length-1){
imgActual++;
document.getElementsByName(name)[0].src = imgAnim[imgActual].src;
setTimeout('loopAnim("'+name+'")', 350);
}
else restartAnim(name);
}

/***************************************************************************************************
+ Nombre: restartAnim
+ Finalidad: función que deja la animación de modo que permita el reinicio de la misma.
+ Suposiciones: 
	- resetAnim()
+ Efectos: --
+ Parámetros Entrada: 
	- name
+ Valores Devueltos: --
****************************************************************************************************/
function restartAnim(name){
  		
	document.getElementsByName("boton")[0].src="img/t1p5-reiniciar.png";
	document.getElementsByName("boton")[0].onclick=function(){resetAnim(name)};
}     

/***************************************************************************************************
+ Nombre: resetAnim
+ Finalidad: función que resetea la animación y la deja tal como estaba anteriormente a cualquier
evento.
+ Suposiciones: 
	- imgAmim[]
	- Anim()
+ Efectos: 
	- Limpia el div donde se muestra el mensaje informativo.
	- Coloca el frame inicial en el elemento imagen.
	- Coloca el frame inicial en el elemento boton y le asigna el evento onclick inicial.
+ Parámetros Entrada: 
	- name
+ Valores Devueltos: --
****************************************************************************************************/
function resetAnim(name){
	
	clearObj(document.getElementById("mensaje"));
	document.getElementsByName(name)[0].src = imgAnim[0].src;
	document.getElementsByName("boton")[0].onclick=function(){Anim(name, 1)};;
	document.getElementsByName("boton")[0].src="img/t1p5-encender.png";
			
}