// JavaScript Document

var maximg=5;
var lista=new Array();

function imagenes() {
	var fondoFranja=document.getElementById('fondoFranja');
	var preloadImg=new Image();
	for (var i=1; i<maximg+1; i++) {
		var dirImg='url(img/imagenes_inicio/'+i+'.jpg)';
		lista.push(dirImg);
		preloadImg.src=dirImg;
	}
	var funcion = function() { fadeOut(fondoFranja,1,100); };
	window.setTimeout(funcion,3000);
}

function fadeOut(objeto,img,opacidad) {
	if (opacidad > 0) {
      transparencia(objeto, opacidad);
      opacidad -= 2;
	  var funcion = function() { fadeOut(objeto,img,opacidad); };
      window.setTimeout(funcion, 30);
    } else {
		transparencia(objeto, 0);
		img++;
		if (img==lista.length) { img=0; }
		objeto.style.backgroundImage=lista[img];
		fadeIn(objeto,img,0);
	}
}

function fadeIn(objeto,img,opacidad) {
	if (opacidad <100) {
		transparencia(objeto,opacidad);
		opacidad+=2;
		var funcion = function() { fadeIn(objeto,img,opacidad); };
		window.setTimeout(funcion, 30);
	} else {
		transparencia(objeto, 100);
		var funcion = function() { fadeOut(objeto,img,100); };
		window.setTimeout(funcion,3000);
	}
}

function transparencia(objeto,valor) {
	valor = (valor == 100) ? 99.999 : valor;
	// IE/Win
	objeto.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity="+valor+")";
	/*alert(objeto.filters.item("DXImageTransform.Microsoft.Alpha").Opacity);*/
	// Safari anterior a 1.2, Konqueror
	objeto.style.KHTMLOpacity = valor /100;
	// anteriores Mozilla y Firefox
	objeto.style.MozOpacity = valor /100;
	// Safari 1.2, posterior Firefox y Mozilla, CSS3
	objeto.style.opacity = valor /100;
}