// JavaScript Document
var rutaImagenes = "../img_myMadrid/";
var alfa = 100;
var rulando = false;
var ti;
var ultimaImagen;
var grupo;
/////////////////////////////////////////////////////////
var imagenesMyMadrid = new Array();
imagenesMyMadrid[0] = "porDefault";
imagenesMyMadrid[1] = "noticias";
imagenesMyMadrid[2] = "chat";
imagenesMyMadrid[3] = "ficha";
imagenesMyMadrid[4] = "partidos";
imagenesMyMadrid[5] = "servicios";
imagenesMyMadrid[6] = "tienda";

var imagenesIPhone = new Array();
imagenesIPhone[0] = "porDefaultI";
imagenesIPhone[1] = "noticiasI";
imagenesIPhone[2] = "partidosI";
imagenesIPhone[3] = "golesI";
imagenesIPhone[4] = "chatI";
imagenesIPhone[5] = "fichaI";
imagenesIPhone[6] = "entradasI";
imagenesIPhone[7] = "clubI";

var imagenesPinball = new Array();
imagenesPinball[0] = "pinball_0";
imagenesPinball[1] = "pinball_1";
imagenesPinball[2] = "pinball_2";
imagenesPinball[3] = "pinball_3";
imagenesPinball[4] = "pinball_4";

//precarga la imagen que le pidamos
function preCarga (grupoImagenes){
	grupo = grupoImagenes;
	//if (document.images){
		for (f=0;f<grupoImagenes.length;f++){
			var objetoImagen = grupoImagenes[f];
			eval (objetoImagen +' = new Image()');
			eval (objetoImagen +'.src = "' + rutaImagenes + objetoImagen + '.jpg"');
		}
	//}
}

//cambia la imagen de la capa cambiador.miImagen por el objetoImagen precargado
function cambiaImagen (objetoImagen) {
	if (document.layers){
		document.cambiador.document.images["miImagen"].src = eval(objetoImagen + '.src');
	}else{//IE?
		document.images["miImagen"].src = eval(objetoImagen + '.src');
	}
}

function imagenesPrecargadas(grupoImagenes){
	for (f=0;f<grupoImagenes.length;f++){
		var objetoImagen = grupoImagenes[f];
		//if (!objetoImagen.complete)
			//return false;
	}
	return true;
}

var nImagen = -1;
function siguienteImagen(){
	if (nImagen < imagenesPinball.length-1){
		nImagen ++;
	}else{
		nImagen = 0;
	}
	//
	cambiaImagen2(imagenesPinball[nImagen]);
}

function cambiaImagen2(objetoImagen){
	//cambio la de debajo
	document.images["miImagen2"].src = eval(objetoImagen + '.src');
	ultimaImagen = objetoImagen;
	ti = setInterval("aclarando()", 50);
}

function aclarando(){
	if (alfa > 10){
		alfa -= 10;
	}else{
		//cambio la de abajo por la de arriba y restauro el alfa y corto el temp
		clearInterval(ti);
		document.images["miImagen"].src = eval(ultimaImagen + '.src');
		alfa = 100;
	}
	document.images["miImagen"].style.opacity = alfa/100;
	document.images["miImagen"].style.MozOpacity = alfa/100;
	document.images["miImagen"].style.filter = "alpha(opacity="+ alfa +")";//IE
}