// JavaScript Document
//************** COLOCAR ESTE SCRIPT EN EL LUGAR DONDE VA A APARECER LA IMÁGEN *********************//


//********************************* DEFINICIÓN DE VARIABLES ****************************************//
var slideshow_width='263px'; //ANCHO DE LA IMÁGEN
var slideshow_height='190px'; //ALTO DE LA IMÁGEN
var pause=3000; //TIEMPO QUE TARDAN EN CAMBIAR LAS IMÁGENES (En milisegundos)
//**************************************************************************************************//


//************ ARRAY CON LAS IMÁGENES - SE PUEDEN AÑADIR O QUITAR SEGÚN SE NECESITE ****************//
var fadeimages=new Array();

fadeimages[0]="img6.jpg";
fadeimages[1]="img7.jpg";
fadeimages[2]="img8.jpg";
fadeimages[3]="img0.jpg";
//fadeimages[4]="img1.jpg";
//fadeimages[5]="img2.jpg";
//fadeimages[6]="img3.jpg";
//fadeimages[7]="img4.jpg";
//fadeimages[8]="img5.jpg";

//**************************************************************************************************//


//******************************* NO MODIFICAR A PARTIR DE AQUÍ ************************************//

var preloadedimages=new Array();

for (p=0;p<fadeimages.length;p++)
{
  preloadedimages[p]=new Image();
  preloadedimages[p].src="imagenes/"+fadeimages[p];
}

var ie4=document.all;
var dom=document.getElementById;

if (ie4||dom)
{
  document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div  id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>');
}
else
{
  document.write('<img name="defaultslide" src="imagenes/'+fadeimages[0]+'" usemap="#Map" border=0>');
  //document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0" height="154" background="imagenes/cab_imgs/'+fadeimages[0]+'">');
}

var curpos=10;
var degree=10;
var curcanvas="canvas0";
var curimageindex=1;
var nextimageindex=2;
var indice_aux = 0;

while (nextimageindex==curimageindex)
{
  nextimageindex=Math.floor(Math.random()*fadeimages.length);
}

function fadepic()
{
  if (curpos<100)
  {
	curpos+=10;
	
	if (tempobj.filters)
	{
	  tempobj.filters.alpha.opacity=curpos;
	  
	}
	else if (tempobj.style.MozOpacity)
	{
	  tempobj.style.MozOpacity=curpos/100;
	}
  }
  else
  {
	clearInterval(dropslide);
	nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1";
	tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas);
	tempobj.innerHTML='<img src="imagenes/'+fadeimages[nextimageindex]+'" usemap="#Map" border=0>';
	//tempobj.innerHTML='<table width="100%" border="0" cellspacing="0" cellpadding="0" height="154" background="imagenes/cab_imgs/'+fadeimages[nextimageindex]+'">';

	/*indice_aux = Math.floor(Math.random()*fadeimages.length);
	while (indice_aux==nextimageindex)
	{
	  indice_aux = Math.floor(Math.random()*fadeimages.length);
	}
	nextimageindex=indice_aux;*/
	
		indice_aux=indice_aux+1;

		if (indice_aux==fadeimages.length)
		{
			indice_aux=0;
		}

	nextimageindex=indice_aux;
	
	setTimeout("rotateimage()",pause);
  }
}

function rotateimage()
{
  if (ie4||dom)
  {
	resetit(curcanvas);
	var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas);
	crossobj.style.zIndex++;
	var temp='setInterval("fadepic()",50)';
	dropslide=eval(temp);
	curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0";
  }
  else
  {
	document.images.defaultslide.src="imagenes/"+fadeimages[curimageindex];
  }

  //curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0;
  curimageindex=1;
}

function resetit(what)
{
  curpos=10;
  var crossobj=ie4? eval("document.all."+what) : document.getElementById(what);

  
  if (crossobj.filters)
  {
    crossobj.filters.alpha.opacity=curpos;
	
  }
  else if (crossobj.style.MozOpacity)
  {
	crossobj.style.MozOpacity=curpos/100;
  }
}

function startit()
{
  var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas);
  crossobj.innerHTML='<img src="imagenes/'+fadeimages[curimageindex]+'" usemap="#Map" border=0>';
  //crossobj.innerHTML='<table width="100%" border="0" cellspacing="0" cellpadding="0" height="154" background="imagenes/cab_imgs/'+fadeimages[curimageindex]+'">';
  rotateimage();
}

if (ie4||dom)
{
  window.onload=startit;
}
else
{
  setInterval("rotateimage()",pause);
}
//**************************************************************************************************//