var header =
{
  init: function()
  {
    header.frameRate = 100;
    header.duration = 20;
    header.div = document.getElementById("header");
    header.targetX = -1064;
    header.originX = 0;
    header.increment = (header.targetX - header.originX) / (header.duration * header.frameRate);
    header.x = header.originX;
    header.animate();
  },

  animate: function()
  {
    if(header.x == -1064)
    {
      header.x = header.originX;
    }
    header.x += header.increment;
    
    if ((header.targetX > header.originX && header.x >= header.targetX) || (header.targetX < header.originX && header.x <= header.targetX))
    {
      header.x = header.targetX;
      header.targetX = -1064;
      header.originX = 0;
      header.animate();
    }
    else
    {
      setTimeout(header.animate, 1000 / header.frameRate)
    }

    header.div.style.backgroundPosition = Math.round(header.x) + "px";    
  }
};

Core.start(header);