$(document).ready(function()
{
  if (marquee)
  {
    initMarquee();
    setTimeout("updateMarquee()", 100);
  }
});

var marqueeOldTime = Date.now();

function initMarquee()
{
  var imgIndex;
  for (var i=0; i<11; i++)
  {
    imgIndex = Math.floor(Math.random()*marquee.length);
    
    $(".marquee div").append("<a href='" + marqueeLink[imgIndex] + "'><img src='/imagegen.ashx?image=" + marquee[imgIndex] + "&height=72' id='marquee_" + i + "' /></a>");
    $(".marquee div").css("position", "relative");
  }
}

function updateMarquee()
{
  
  var offset =  parseInt($(".marquee div").css("left"), 10)-1;//(0.01*deltaTime);
  if (offset<-110)
  {
    var index = Math.floor(Math.random()*marquee.length);
    offset= offset+110;
    $(".marquee div").append(
      $(".marquee div a:first").remove()
        .attr("href", marqueeLink[index])
        .find("img").attr("src", "/imagegen.ashx?image=" + marquee[index] + "&height=72")
        .parent()
    );
  }
  $(".marquee div").css("left", offset + "px");
  setTimeout("updateMarquee()", 100);
}