function actualizarMonitor(galeria, direccion, pagina){

  var random = Math.random(1, 1000000);
  var nro = parseInt($("#nro").text());
  var ultimo = parseInt(jQuery("span#total","#counter"+galeria).text());


  if (direccion == 'siguiente')
  {
    nro = (nro==ultimo)?1:nro+1;
  }
  else
  {
    nro = (nro==1)?ultimo:nro-1;
  }
  
  var imagen = document.getElementById("imagen"+nro).src;
  var id= imagen.substring(imagen.lastIndexOf("/")+ 1, imagen.lastIndexOf("."));

  if (id.indexOf("h") != "-1")
  {
	  id= id.substring(0, id.indexOf("h"));
  }

  $("body").append('<img src="http://estadisticas.lanacion.com.ar/diario/default.gif?pagina='+pagina+'&otros=imagen_id:'+id+'&amp;nro='+random+'" width="1" height="1"></img>');
}


function primeraImagenMonitor(id, pagina){

  var random = Math.random(1, 1000000);
  $("body").append('<img src="http://estadisticas.lanacion.com.ar/diario/default.gif?pagina='+pagina+'&otros=imagen_id:'+id+'&amp;nro='+random+'" width="1" height="1"></img>');

}

function agregarSlidesGaleriaEmbebida(slides, epigrafe, fuente, galeria_id)
{
  var totalSlideCount = 1 + slides.length;
  var container = $("div#panelContainer"+galeria_id);

  var contentpre = '<div id="imagen" style="height:465px;">';
  contentpre += '<img id="imagen'+totalSlideCount+'" src="'+slides.pop()+'" />';
  contentpre += '<div class="epigrafe">'+epigrafe.pop(); 
  contentpre += ' - <span class="grisMedio"> Foto: '+fuente.pop()+'</span>';
  contentpre += '</div>';
  contentpre += '</div>';
  container.prepend(contentpre);
  
  var contentap = '<div id="imagen" style="height:465px;">';
  contentap += '<img id="imagen2" src="'+slides.shift()+'" />';
  contentap += '<div class="epigrafe">'+epigrafe.shift();
  contentap += ' - <span class="grisMedio"> Foto: '+fuente.shift()+'</span>';
  contentap += '</div>';
  contentap += '</div>';
  container.append(contentap);
  
  container.cycle({
    fx:      'scrollHorz',
    next:   "div#panelContainer"+galeria_id,
    timeout:  0,
    next:'#itemSig'+galeria_id,
    prev:'#itemAnt'+galeria_id,
    speed:750,
    startingSlide: 1,
    before:   onBefore,
    agregarPaginador: 1,
    idPaginador:galeria_id
  });
  
  function onBefore(curr, next, opts, fwd) {
  // on Before arguments:
  //  curr == DOM element for the slide that is currently being displayed
  //  next == DOM element for the slide that is about to be displayed
  //  opts == slideshow options
  //  fwd  == true if cycling forward, false if cycling backward

  // on the first pass, addSlide is undefined (plugin hasn't yet created the fn yet)
  if (!opts.addSlide)
  return;

  // have we added all our slides?
  if (opts.slideCount == totalSlideCount)
  return;

  // shift or pop from our slide array
  var nextSlideSrc = fwd ? slides.shift() : slides.pop();
  var nextEpigrafe = fwd ? epigrafe.shift() : epigrafe.pop();
  var nextFuente = fwd ? fuente.shift() : fuente.pop();

  // add our next slide
  var nro = parseInt(jQuery("span#nro","#counter"+galeria_id).text())+1;
  var nextSlide = '<div id="imagen" style="height:465px;">';
  nextSlide += '<img id="imagen'+nro+'" src="'+nextSlideSrc+'" />';
  nextSlide += '<div class="epigrafe">'+nextEpigrafe;
  nextSlide += '<span class="grisMedio"> Foto: '+nextFuente+'</span>';
  nextSlide += '</div>';
  nextSlide += '</div>';
  
  opts.addSlide(nextSlide, fwd == false);
  };
}


function agregarSlidesGaleriaModal(slides, epigrafe, fuente)
{
    var totalSlideCount = 1 + slides.length;
    var container = $("div#panelContainer");

    var contentpre= '<div id="imagen" style="height:640px!important;"><img id="imagen'+totalSlideCount+'" src="'+slides.pop()+'" />';
    contentpre = contentpre +'<div class="epigrafe" style="text-align:left;">'+epigrafe.pop()+'<span class="fuente">';
    contentpre = contentpre +'  Foto:'+ fuente.pop() +'</span></div></div>';
    container.prepend(contentpre);

    var contentap= '<div id="imagen" style="height:640px!important;"><img id="imagen2" src="'+slides.shift()+'" />';
    contentap = contentap +'<div class="epigrafe" style="text-align:left;">'+epigrafe.shift()+'<span class="fuente">';
    contentap = contentap +'  Foto:'+ fuente.shift() +'</span></div></div>';

    if (totalSlideCount != 2)
      container.append(contentap);


    container.cycle({
    fx:      'scrollHorz',
    timeout:  0,
    next:'#itemSig, #panelContainer',
    prev:'#itemAnt',
    speed:750,
    startingSlide: 1,
    before:   onBefore,
    agregarPaginador: 1

    });

    function onBefore(curr, next, opts, fwd) {

    // on Before arguments:
    //  curr == DOM element for the slide that is currently being displayed
    //  next == DOM element for the slide that is about to be displayed
    //  opts == slideshow options
    //  fwd  == true if cycling forward, false if cycling backward

    // on the first pass, addSlide is undefined (plugin hasn't yet created the fn yet)
    if (!opts.addSlide)
    return;


    // have we added all our slides?
    if (opts.slideCount == totalSlideCount)
    return;

    // shift or pop from our slide array
    var nextSlideSrc = fwd ? slides.shift() : slides.pop();
    var nextEpigrafe = fwd ? epigrafe.shift() : epigrafe.pop();
    var nextFuente = fwd ? fuente.shift() : fuente.pop();

    // add our next slide
    var nro = parseInt(jQuery("span#nro","#counter").text())+1;

    var nextSlide= '<div id="imagen" style="height:640px!important;"><img id="imagen2" src="'+nextSlideSrc+'" />';
    nextSlide = nextSlide +'<div class="epigrafe">'+nextEpigrafe+'<span class="fuente">';
    nextSlide = nextSlide +'  Foto:'+ nextFuente +'</span></div></div>';

    opts.addSlide(nextSlide, fwd == false);
    };
}

function agregarSlidesGaleriaItemGaleria(slides, epigrafe, fuente, galeria_id, posicionInicial)
{
  var totalSlideCount = 1 + slides.length;
  var container = $("div#panelContainer");

  var anterior = totalSlideCount;
  var siguiente = 2;
  
  if (posicionInicial==null)
    posicionInicial = 1;
      
  posicionInicial = parseInt(posicionInicial);
  if(posicionInicial==1){
    anterior = totalSlideCount;
  }
  else{
    anterior = posicionInicial-1;
  }

  if(posicionInicial==totalSlideCount){
    siguiente = 1;
  }
  else{
    siguiente = posicionInicial+1;
  }



  var contentpre = '<div id="imagen" style="height:465px;">';
  contentpre += '<img id="imagen'+totalSlideCount+'" src="'+slides.pop()+'" />';
  contentpre += '<div class="epigrafe">'+epigrafe.pop(); 
  contentpre += ' - <span class="grisMedio"> Foto: '+fuente.pop()+'</span>';
  contentpre += '</div>';
  contentpre += '</div>';
  container.prepend(contentpre);
  
  var contentap = '<div id="imagen" style="height:465px;">';
  contentap += '<img id="imagen2" src="'+slides.shift()+'" />';
  contentap += '<div class="epigrafe">'+epigrafe.shift();
  contentap += ' - <span class="grisMedio"> Foto: '+fuente.shift()+'</span>';
  contentap += '</div>';
  contentap += '</div>';
  container.append(contentap);
  
 
  
  
  container.cycle({
    fx:      'scrollHorz',
    next:   "div#panelContainer",
    timeout:  0,
    next:'#itemSig',
    prev:'#itemAnt',
    speed:750,
    startingSlide: 1,
    before:   onBefore,
    agregarPaginador: 1,
    idPaginador:galeria_id
  });
  
  function onBefore(curr, next, opts, fwd) {
  // on Before arguments:
  //  curr == DOM element for the slide that is currently being displayed
  //  next == DOM element for the slide that is about to be displayed
  //  opts == slideshow options
  //  fwd  == true if cycling forward, false if cycling backward

  // on the first pass, addSlide is undefined (plugin hasn't yet created the fn yet)
  if (!opts.addSlide)
  return;

  // have we added all our slides?
  if (opts.slideCount == totalSlideCount)
  return;

  // shift or pop from our slide array
  var nextSlideSrc = fwd ? slides.shift() : slides.pop();
  var nextEpigrafe = fwd ? epigrafe.shift() : epigrafe.pop();
  var nextFuente = fwd ? fuente.shift() : fuente.pop();

  // add our next slide
  var nro = parseInt(jQuery("span#nro","#counter").text())+1;
  var nextSlide = '<div id="imagen" style="height:465px;">';
  nextSlide += '<img id="imagen'+nro+'" src="'+nextSlideSrc+'" />';
  nextSlide += '<div class="epigrafe">'+nextEpigrafe;
  nextSlide += '<span class="grisMedio"> Foto: '+nextFuente+'</span>';
  nextSlide += '</div>';
  nextSlide += '</div>';
  
  opts.addSlide(nextSlide, fwd == false);
  };
}

function actualizarBannerGaleria()
{
    var objIframeBanner = $("iframe#bannerIframe");
    if (objIframeBanner.length)
    {
        objIframeBanner.attr("src",objIframeBanner.attr("src"));
    }
}