// JavaScript Document
var maxImagenes = 26;
var arrayimgSup = new Array;
var retardo = 5000;
function JAMM_Img(actual, fondo, opacidad){
	this.actual = actual;
	this.fondo = fondo;
	this.opacidad = opacidad;
}
var IZ = new JAMM_Img(1,2,0);
var laOpacidad = 0;
var actual = 1;
var fondo = 2;

function siguiente(ac){
	if (ac == maxImagenes)
		return 1
	else
		return ++ac;
}

function cambiaSup(){
	var opac = getOpacidad(document.imgSup);
	var numImg;
	if (opac==0){
		numImg = siguiente(actual);
		document.imgSup.src = arrayimgSup[numImg].src;
		laOpacidad = 0;
		fadeInSup();
	}else{
		laOpacidad = 100;
		fadeOutSup();
	}
}
function fadeOutSup() {
	if(laOpacidad > 0){
		laOpacidad-=5;
		setOpacidad(document.imgSup, laOpacidad)
		setTimeout('fadeOutSup()', 50);
	}else{
		actual = siguiente(actual);
		setTimeout('cambiaSup()', retardo);
	}
}
function fadeInSup() {
	if(laOpacidad < 100){
		laOpacidad+=5;
		setOpacidad(document.imgSup, laOpacidad)
		setTimeout('fadeInSup()', 50);
	}else{
		actual = siguiente(actual);
		fondo = siguiente(actual);
		document.getElementById("contenedor").style.backgroundImage = "url(" + arrayimgSup[fondo].src + ")"; 
		setTimeout('cambiaSup()', retardo);
	}
}
function getOpacidad(obj){
	var resul = null;
	if (obj.filters) resul = obj.filters.alpha.opacity
	else if (obj.style.opacity) resul = obj.style.opacity*100
		 else if (obj.style.KhtmlOpacity) resul = obj.style.KhtmlOpacity*100
		 	  else if (obj.style.MozOpacity) resul = obj.style.MozOpacity*100;
	return resul;
}
function setOpacidad(obj, opacidad) {
 	if (opacidad == 100 && (navigator.userAgent.indexOf('Gecko') != -1 && navigator.userAgent.indexOf('Safari') == -1)){opacidad = 99.99};
	obj.style.opacity = obj.style.MozOpacity = obj.style.KhtmlOpacity = opacidad / 100;
	obj.style.filter = 'alpha(opacity=' + opacidad + ')';
}
function aleatorio(x, y, actual, fondo) {
	var rango = y - x + 1;
	var resultado = actual;
	while (resultado == actual || resultado == fondo){
		resultado = Math.floor(Math.random() * rango) + x;
	}
	return resultado;
}
function cargaImg(){
	for (i=1;i<=maxImagenes;i++){
		arrayimgSup[i] = new Image();
		arrayimgSup[i].src = "photos/home/" + i + ".jpg";
	}
	document.getElementById("contenedor").style.backgroundImage = "url(photos/home/2.jpg)"; 
	setTimeout('cambiaSup()', 5000);
}
