var dimages=new Array();
var curImage=0;
var numImages=5;

var dimagesIzda=new Array();
var numImagesIzda=4;
var curImageIzda=0;

var dimagesDcha=new Array();
var numImagesDcha=1;
var curImageDcha=0;


function preload()
{
  for (i=0; i<numImages; i++)
  {
    dimages[i]=new Image();
    dimages[i].src="http://www.clubelpasillo.com/Images/Banner"+(i+1)+".jpg";
  }
  
  for (i=0; i<numImagesIzda; i++)
  {
    dimagesIzda[i]=new Image();
    dimagesIzda[i].src="http://www.clubelpasillo.com/Images/izda"+(i+1)+".jpg";
  }

  for (i=0; i<numImagesDcha; i++)
  {
    dimagesDcha[i]=new Image();
    dimagesDcha[i].src="http://www.clubelpasillo.com/Images/dcha"+(i+1)+".jpg";
  }

  //document.getElementById("celdaBanner").style.backgroundImage="url("+dimages[0].src+")";
  //document.getElementById("celdaIzda").style.backgroundImage="url("+dimagesIzda[0].src+")";
  //document.getElementById("celdaDcha").style.backgroundImage="url("+dimagesDcha[0].src+")";

  setInterval('BannerRotation("blendTrans(duration=1)")', 2000);
  
  setInterval('BannerRotationIzda("blendTrans(duration=1)")', 5000);

  setInterval('BannerRotationDcha("blendTrans(duration=1)")', 5000);
}


function BannerRotation(filterFunction)
{

  if (document.images)
  {
    curImage++;
    //curImage = Math.floor(Math.random()*numImages);
    if (curImage>=numImages)
      curImage=0;
	
    if (filterFunction==null)
      filterFunction="blendTrans(duration=2.0)"

    var canBeFiltered=false;
    if (document.images.fotoDatos && document.images.fotoDatos.style && 
      document.images.fotoDatos.style.filters)
    {
      canBeFiltered=true;
      target=document.images.fotoDatos;
    }
    if (document.getElementById("celdaBanner"))
    {
      target= document.getElementById("celdaBanner");
      canBeFiltered=true;
    }

    if (dimages[curImage].complete)
    {
      // SET, APPLY, PLAY FILTER
      if (canBeFiltered)
      {
        target.style.filter=filterFunction;
	if (target.filters && target.filters[0])
        {
          target.filters[0].Apply();
          target.filters[0].Play();
        }
      } 
      // SWAP IMAGE
      //document.images.fotoDatos.src=dimages[curImage].src;
      document.getElementById("celdaBanner").style.backgroundImage="url("+dimages[curImage].src+")";
    }	
  }

}

function BannerRotationIzda(filterFunction)
{
  
  if (document.images)
  {
    curImageIzda++;
    //curImage = Math.floor(Math.random()*numImages);
    if (curImageIzda>=numImagesIzda)
      curImageIzda=0;
	
    if (filterFunction==null)
      filterFunction="blendTrans(duration=2.0)"

    var canBeFiltered=false;
    if (document.images.fotoDatos && document.images.fotoDatos.style && 
      document.images.fotoDatos.style.filters)
    {
      canBeFiltered=true;
      target=document.images.fotoDatos;
    }
    if (document.getElementById("celdaIzda"))
    {
      target= document.getElementById("celdaIzda");
      canBeFiltered=true;
    }

    if (dimages[curImageIzda].complete)
    {
      // SET, APPLY, PLAY FILTER
      if (canBeFiltered)
      {
        target.style.filter=filterFunction;
	if (target.filters && target.filters[0])
        {
          target.filters[0].Apply();
          target.filters[0].Play();
        }
      } 
      // SWAP IMAGE
      //document.images.fotoDatos.src=dimages[curImage].src;
      document.getElementById("celdaIzda").style.backgroundImage="url("+dimagesIzda[curImageIzda].src+")";
    }	
  }
}

function BannerRotationDcha(filterFunction)
{
  
  if (document.images)
  {
    curImageDcha++;

    if (curImageDcha>=numImagesDcha)
      curImageDcha=0;
	
    if (filterFunction==null)
      filterFunction="blendTrans(duration=2.0)"

    var canBeFiltered=false;
    if (document.images.fotoDatos && document.images.fotoDatos.style && 
      document.images.fotoDatos.style.filters)
    {
      canBeFiltered=true;
      target=document.images.fotoDatos;
    }
    if (document.getElementById("celdaDcha"))
    {
      target= document.getElementById("celdaDcha");
      canBeFiltered=true;
    }

    if (dimages[curImageDcha].complete)
    {
      // SET, APPLY, PLAY FILTER
      if (canBeFiltered)
      {
        target.style.filter=filterFunction;
	if (target.filters && target.filters[0])
        {
          target.filters[0].Apply();
          target.filters[0].Play();
        }
      } 
      // SWAP IMAGE
      document.getElementById("celdaDcha").style.backgroundImage="url("+dimagesDcha[curImageDcha].src+")";
    }	
  }
}

//setTimeout(BannerRotation(), 10000);


function transformPicture(filterFunction, img, txt)
{
	var curImg = 0;
	var dimg = new Array();
	var numImg = 10;

	dimg[0]=new Image();
    	dimg[0].src="Images/Img1.jpg";

	//PRIMERO PONEMOS EL TEXTO NUEVO DE LA FOTO EN SU SITIO
	document.getElementById("textoDatos").innerHTML = txt;

  var imgSrc = "images/" + img;

  if (document.images)
  {
    curImage++;
    if (curImg>=numImg)
      curImg=0;
	
    if (filterFunction==null)
      filterFunction="blendTrans(duration=2.0)"

    var canBeFiltered=false;
    if (document.images.fotoDatos && document.images.fotoDatos.style && 
      document.images.fotoDatos.style.filters)
    {
      canBeFiltered=true;
      target=document.images.fotoDatos;
    }
    if (document.getElementById("fotoDatos"))
    {
      target= document.getElementById("fotoDatos");
      canBeFiltered=true;
    }
			
    if (dimg[curImg].complete)
    {
      // SET, APPLY, PLAY FILTER
      if (canBeFiltered)
      {
        target.style.filter=filterFunction;
	if (target.filters && target.filters[0])
        {
          target.filters[0].Apply();
          target.filters[0].Play();
        }
      } 
      // SWAP IMAGE
      //document.images.fotoDatos.src=dimgs[curImg].src;
      document.images.fotoDatos.src=imgSrc;
    }	
  }
}