function VecImagenes()
{
	n=0;
	this[n++]="/images/slide1.jpg";
	this[n++]="/images/slide2.jpg";	
	this[n++]="/images/slide3.jpg";	
	this[n++]="/images/slide4.jpg";	
	this[n++]="/images/slide5.jpg";	
	this[n++]="/images/slide6.jpg";	
	this.N=n;  
}
   
function ProcesoReload()
{
 var time2 = setInterval('ReloadImage()', 10000); // un minimo de 10000 milisegundo para que no se solapen los procesos de fadeIn     
}
   
var Imagenes = new VecImagenes();   
var imagenActiva = 1;
var imagenIndex = 0;
var transparencyIn;
var transparencyOut; 
var obj1;
var obj2;
var src;

function ReloadImage()
{
 if (imagenActiva == 1)  // img1 PARA IR ALTERNANDO
 {
    obj1 = document.getElementById('img1');
    obj2 = document.getElementById('img2');
    imagenActiva = 2; 
 }
  else  // img
  {
    obj1 = document.getElementById('img2');
    obj2 = document.getElementById('img1'); 
    imagenActiva = 1;  
  }
     if (document.all){ 
        //esto es para IE, como siempre hay q programarlo a parte
        obj2.style.filter = 'alpha(opacity=0)';               
      }else{
        // Safari 1.2, posterior Firefox y Mozilla, CSS3
        obj2.style.opacity = 0;
        
        // anteriores Mozilla y Firefox
        obj2.style.MozOpacity = 0;
        
        // Safari anterior a 1.2, Konqueror
        obj2.style.KHTMLOpacity = 0;  
     }    
    
    if (imagenIndex < Imagenes.N -1)  // la seleccion es consecutiva, para garantizar que se muestren todas, sin repeticion... 
    	imagenIndex++;
    else 
        imagenIndex = 0;
        
    src = Imagenes[imagenIndex] ;
obj2.src = src;  // se le asigna al segundo objeto que el que esta detr'as
transparencyIn = 0;  // visibilidad nula
transparencyOut = 100; // visibilidad total    
time = setInterval('fadeIn()',100); // se hace en cada 100 milisegundos 100 veces por lo que se necestia 100 x 100 = 10000 milisegundo para terminar el proceso  
} 

function fadeIn()
{
  transparencyIn += 1;  // se incrementa la transparencia de la foto de atras (obj2)
  transparencyOut -= 1; // se decrementa la transparencia de la foto de alante (obj1)
  //si termino la trnsicion borramos el intervalo   
  
  transparencyIn = (transparencyIn == 100) ? clearInterval(time) : transparencyIn;
//  transparencyOut = (transparencyOut == 0) ? clearInterval(time) : transparencyOut;

  // los obj1 y obj2 son variables globales que pasan por aqui con valor
  
  //programamos cada navegador por separado
  if (document.all){ 
    //esto es para IE, como siempre hay q programarlo a parte
    obj2.style.filter = 'alpha(opacity='+transparencyIn+')';   //el obj2 lo comensamos a "mostrar"
    obj1.style.filter = 'alpha(opacity='+transparencyOut+')';   // y este "ocultar"
  }else{
    // Safari 1.2, posterior Firefox y Mozilla, CSS3
    obj2.style.opacity = transparencyIn /100;    //""
    obj1.style.opacity = transparencyOut /100; 
    
    // anteriores Mozilla y Firefox
    obj2.style.MozOpacity = transparencyIn /100;
    obj1.style.MozOpacity = transparencyOut /100;
    
    // Safari anterior a 1.2, Konqueror
    obj2.style.KHTMLOpacity = transparencyIn /100; 
    obj1.style.KHTMLOpacity = transparencyOut /100;  
  }
}