/**
 * @author maurogadaleta
 */
var numactual=0; //empiezo por el primer frame
var timing = 0; //activado por default
var tiempo = 8000;

function objetoAjax(){
        var xmlhttp=false;
        try {
                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
                try {
                   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (E) {
                        xmlhttp = false;
                }
        }

        if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
                xmlhttp = new XMLHttpRequest();
        }
        return xmlhttp;
}

function set_number(number) {
	number++;
	if(number==1) {
		numactual = 0;
		document.getElementById('idimagen0').src="images/numbers/1w.png";
		document.getElementById('idimagen1').src="images/numbers/2b.png";
		document.getElementById('idimagen2').src="images/numbers/3b.png";
		document.getElementById('idimagen3').src="images/numbers/4b.png";
		document.getElementById('idimagen4').src="images/numbers/5b.png";
		document.getElementById('idimagen5').src="images/numbers/6b.png";
		document.getElementById('idimagen6').src="images/numbers/7b.png";
		document.getElementById('idimagen7').src="images/numbers/8b.png";
	}
	if(number==2) {
		numactual = 1;
		document.getElementById('idimagen1').src="images/numbers/2w.png";
		document.getElementById('idimagen0').src="images/numbers/1b.png";
		document.getElementById('idimagen2').src="images/numbers/3b.png";
		document.getElementById('idimagen3').src="images/numbers/4b.png";
		document.getElementById('idimagen4').src="images/numbers/5b.png";
		document.getElementById('idimagen6').src="images/numbers/7b.png";
		document.getElementById('idimagen7').src="images/numbers/8b.png";
	}
	if(number==3) {
		numactual = 2;
		document.getElementById('idimagen2').src="images/numbers/3w.png";
		document.getElementById('idimagen1').src="images/numbers/2b.png";
		document.getElementById('idimagen0').src="images/numbers/1b.png";
		document.getElementById('idimagen3').src="images/numbers/4b.png";
		document.getElementById('idimagen4').src="images/numbers/5b.png";
		document.getElementById('idimagen5').src="images/numbers/6b.png";
		document.getElementById('idimagen6').src="images/numbers/7b.png";
		document.getElementById('idimagen7').src="images/numbers/8b.png";
	}
	if(number==4) {
		numactual = 3;
		document.getElementById('idimagen3').src="images/numbers/4w.png";
		document.getElementById('idimagen1').src="images/numbers/2b.png";
		document.getElementById('idimagen2').src="images/numbers/3b.png";
		document.getElementById('idimagen0').src="images/numbers/1b.png";
		document.getElementById('idimagen4').src="images/numbers/5b.png";
		document.getElementById('idimagen5').src="images/numbers/6b.png";
		document.getElementById('idimagen6').src="images/numbers/7b.png";
		document.getElementById('idimagen7').src="images/numbers/8b.png";
	}
	if(number==5) {
		numactual = 4;
		document.getElementById('idimagen4').src="images/numbers/5w.png";
		document.getElementById('idimagen1').src="images/numbers/2b.png";
		document.getElementById('idimagen2').src="images/numbers/3b.png";
		document.getElementById('idimagen3').src="images/numbers/4b.png";
		document.getElementById('idimagen0').src="images/numbers/1b.png";
		document.getElementById('idimagen5').src="images/numbers/6b.png";
		document.getElementById('idimagen6').src="images/numbers/7b.png";
		document.getElementById('idimagen7').src="images/numbers/8b.png";
	}
	if(number==6) {
		numactual = 5;
		document.getElementById('idimagen5').src="images/numbers/6w.png";
		document.getElementById('idimagen1').src="images/numbers/2b.png";
		document.getElementById('idimagen2').src="images/numbers/3b.png";
		document.getElementById('idimagen3').src="images/numbers/4b.png";
		document.getElementById('idimagen4').src="images/numbers/5b.png";
		document.getElementById('idimagen0').src="images/numbers/1b.png";
		document.getElementById('idimagen6').src="images/numbers/7b.png";
		document.getElementById('idimagen7').src="images/numbers/8b.png";
	}
	if(number==7) {
		numactual = 6;
		document.getElementById('idimagen6').src="images/numbers/7w.png";
		document.getElementById('idimagen1').src="images/numbers/2b.png";
		document.getElementById('idimagen2').src="images/numbers/3b.png";
		document.getElementById('idimagen3').src="images/numbers/4b.png";
		document.getElementById('idimagen4').src="images/numbers/5b.png";
		document.getElementById('idimagen5').src="images/numbers/6b.png";
		document.getElementById('idimagen0').src="images/numbers/1b.png";
		document.getElementById('idimagen7').src="images/numbers/8b.png";
	}
	if(number==8) {
		numactual = 7;
		document.getElementById('idimagen7').src="images/numbers/8w.png";
		document.getElementById('idimagen1').src="images/numbers/2b.png";
		document.getElementById('idimagen2').src="images/numbers/3b.png";
		document.getElementById('idimagen3').src="images/numbers/4b.png";
		document.getElementById('idimagen4').src="images/numbers/5b.png";
		document.getElementById('idimagen5').src="images/numbers/6b.png";
		document.getElementById('idimagen6').src="images/numbers/7b.png";
		document.getElementById('idimagen0').src="images/numbers/1b.png";
	}
}

function time() {
	divPlayPause = document.getElementById("activotimer");
	//alert(divPlayPause.src);
	
	if(timing==1) {
		divPlayPause.name="play";
		timing=0;
		clearInterval(intval);
		divPlayPause.src="images/play.png";
	}
	else if(timing==0) {
		
		divPlayPause.src = "images/pause.png";
		divPlayPause.name = "pause";
		
		timing = 1;
		numactual++;
		//alert(timing);
		intval = setInterval("$('contenedor').setStyle({visibility: 'hidden'});MostrarConsulta(numactual);appearFromInvisible();",tiempo)
		
	}
	

}

function clicking(datos) {
	if(timing==1) {
		timing=0;
		clearInterval(intval);
		document.getElementById('activotimer').src="images/play.png";	
	}
	MostrarConsulta(datos);
}

function MostrarConsulta(datos){
	numactual = datos;
    divContenido = document.getElementById('contenedor')
	set_number(datos);
    ajax=objetoAjax();
    ajax.open("GET", "functions.php?num="+datos);
    ajax.onreadystatechange=function() {
			if (ajax.readyState==1){
				divContenido.innerHTML = "<div align=\"center\" style=\"padding-top:150px\"><img src='images/ajax-loader2.gif'></div>";
			} 
            if (ajax.readyState==4) {
				divContenido.innerHTML = ajax.responseText;
				
				numactual++;
				if(numactual>7) {
					numactual=0;
				}
            }
    }
    appearFromInvisible();
    ajax.send(null)
}

window.onload = time();