﻿var ArrayImagenes = new Array();

var ArrayGaleriasImagenes = new Array();

//var timerGaleria;
var timerFotos;
var idActualFotos;
var idActualGaleria;
var c_timerMiliSegundos = 5000;
var c_timerTransacion = 1000;

$(document).ready
(function(){
    idActualGaleria = 0;
    idActualFotos = 0;
    if (ArraySrcImagenes.length > 0){
        var objImg = document.getElementById('imgGaleria');
        //for(i=0; i<ArraySrcImagenes.length; i++){
        //  var newImg = document.createElement("img");
        //  newImg.src = ArraySrcImagenes[i];
        //  newImg.IdImagen = i;
        //  ArrayImagenes[i] = newImg;
	    //}
        objImg.src = ArraySrcImagenes[0];
        objImg.style.visibility ="visible";
	    //objImg.src = ArraySrcImagenes[0];
        //objImg.animate({ opacity: 1 }, c_timerTransacion);
        //$(objImg).show('slow');
        setTimeout("CambiarGaleria()", c_timerMiliSegundos);
	}

    var objDiv = document.getElementById('divImagenes');
    var objFoto = document.getElementById('imgGaleriaFoto');
    if (objFoto!= null && objDiv!=null){
      for(i=0; i<ArraySrcGaleriaImagenes.length; i++){
        var newImg = document.createElement("img");
        newImg.src = ArraySrcGaleriaImagenes[i];
        newImg.IdImagen = i;
        //ArrayGaleriasImagenes[i] = newImg;
        $(newImg).click(function (){
              var objImg = document.getElementById('imgGaleriaFoto');
              if (objImg != null){
                clearTimeout(timerFotos);
                idActualFotos = this.IdImagen;
                objImg = $(objImg);
                //objImg.hide('slow');
                objImg.animate({ opacity: 0 }, c_timerTransacion, 'linear', function(){
                  objImg.attr("src", ArraySrcGaleriaImagenes[idActualFotos]);
                  //objImg.show('slow');
                  objImg.animate({ opacity: 1 }, c_timerTransacion);
                  timerFotos = setTimeout("CambiarFoto()", c_timerMiliSegundos);
                });
              }
          });
        objDiv.appendChild(newImg);
      }

      objFoto.src = ArraySrcGaleriaImagenes[0];
      objFoto.style.visibility = "visible";
	  //objFoto.src = ArraySrcImagenes[0];
      //$(objFoto).show('slow');
      timerFotos = setTimeout("CambiarFoto()", c_timerMiliSegundos);
    }

});

function CambiarGaleria(){
  var objImg = document.getElementById('imgGaleria');
  if (objImg != null){
    idActualGaleria ++;
    if (idActualGaleria == ArraySrcImagenes.length)
      idActualGaleria = 0;
    objImg = $(objImg);
    //objImg.hide('slow');
    objImg.animate({ opacity: 0 }, c_timerTransacion,'linear', function(){
      objImg.attr("src", ArraySrcImagenes[idActualGaleria]);
      //objImg.show('slow');
      objImg.animate({ opacity: 1 }, c_timerTransacion);
      setTimeout("CambiarGaleria()", c_timerMiliSegundos);
    });
  }
}
    
function CambiarFoto(){
  var objImg = document.getElementById('imgGaleriaFoto');
  if (objImg != null){
    idActualFotos ++;
    if (idActualFotos == ArraySrcGaleriaImagenes.length)
      idActualFotos = 0;
    objImg = $(objImg);
    objImg.animate({ opacity: 0 }, c_timerTransacion, 'linear', function(){
      objImg.attr("src", ArraySrcGaleriaImagenes[idActualFotos]);
      objImg.animate({ opacity: 1 }, c_timerTransacion);
      timerFotos = setTimeout("CambiarFoto()", c_timerMiliSegundos);
    }
    );
  }
   
}
  

