var re;
var num = 0;
var delay = 5000;
var objetos = new Array();
objetos[0] = 'images/pdsmg.png';
objetos[1] = 'images/pa45.png';
objetos[2] = 'images/palloy.png';
objetos[3] = 'images/ptoc.png';
objetos[4] = 'images/pvpf.png';
objetos[5] = 'images/pvpj.png';
objetos[6] = 'images/pot.png';
objetos[7] = 'images/pvg.png';
objetos[8] = 'images/pvdc.png';

$(document).ready(function (){
	
	/* Añadir envento clik a iconos de imágenes
	$("#im0").click(function(evento){
		evento.preventDefault();
		//invoco el mtodo hide/show sobre el elemento que quiero ocultar
		$("#im").hide();
		ponerImagen(0);
		$("#im").fadeIn("slow");
	});
	$("#im1").click(function(evento){
		evento.preventDefault();
		//invoco el mtodo hide/show sobre el elemento que quiero ocultar
		$("#im").hide();
		ponerImagen(1);
		$("#im").fadeIn("slow");
	});
	$("#im2").click(function(evento){
		evento.preventDefault();
		//invoco el mtodo hide/show sobre el elemento que quiero ocultar
		$("#im").hide();
		ponerImagen(2);
		$("#im").fadeIn("slow");
	});
	$("#im3").click(function(evento){
		evento.preventDefault();
		//invoco el mtodo hide/show sobre el elemento que quiero ocultar
		$("#im").hide();
		ponerImagen(3);
		$("#im").fadeIn("slow");
	});
	$("#im4").click(function(evento){
		evento.preventDefault();
		//invoco el mtodo hide/show sobre el elemento que quiero ocultar
		$("#im").hide();
		ponerImagen(4);
		$("#im").fadeIn("slow");
	});
	$("#im5").click(function(evento){
		evento.preventDefault();
		//invoco el mtodo hide/show sobre el elemento que quiero ocultar
		$("#im").hide();
		ponerImagen(5);
		$("#im").fadeIn("slow");
	});
	$("#im6").click(function(evento){
		evento.preventDefault();
		//invoco el mtodo hide/show sobre el elemento que quiero ocultar
		$("#im").hide();
		ponerImagen(6);
		$("#im").fadeIn("slow");
	});
	$("#im7").click(function(evento){
		evento.preventDefault();
		//invoco el mtodo hide/show sobre el elemento que quiero ocultar
		$("#im").hide();
		ponerImagen(7);
		$("#im").fadeIn("slow");
	});
	$("#im8").click(function(evento){
		evento.preventDefault();
		//invoco el mtodo hide/show sobre el elemento que quiero ocultar
		$("#im").hide();
		ponerImagen(8);
		$("#im").fadeIn("slow");
	});
	$.ajax({
        type: 'POST',
        url: "contador.php"
    });       
   */
	
	re=setInterval(cambiarAuto(), delay); 
	ponerImagen(0);
	return false;
});

function cambiarAuto(){
   
	if (num > 8)
		num = 0;
			
	//$("#im").hide();
	ponerImagen(num);
	$("#im").css("opacity", "0.1");
	$("#im").fadeTo("slow", 1);
	num++;
	//re = setTimeout('cambiarAuto()', delay);
}

function ponerImagen(n)
{	
	// Parar cambio automtico
	clearInterval(re);
	// Poner Imagen 
	$('#im').attr("src", objetos[n]);	
	// Poner el borde a otro color
	for (i = 0; i < objetos.length; i++){
		$('#im' + i).css("border", "1px solid #FFFFFF");
	}
	$('#im' + n).css("border", "1px solid #0099CC");
	//document.bgColor = colorFondo[n];
	// Poner cambio automtico
	re=setInterval('cambiarAuto()', delay);
}	

function logar(){
	if ($("#sop").css("display") == "none"){
		$("#sop").css("display", "block");
	}else{
		$("#sop").css("display", "none");
	}	
}

function mandarForm(event){
	if(event.keyCode == 13 && event.shiftKey == 0)  { 
		$("#formLog").submit();
	}
}