var Ponton =
{
  init: function()
  {
    Ponton.frameRate = 45;
    Ponton.duration = 100;
    Ponton.div = document.getElementById("Ponton");
    Ponton.targetX = 1800;
    Ponton.originX = parseInt(Core.getComputedStyle(Ponton.div, "left"), 10);
    Ponton.increment = (Ponton.targetX - Ponton.originX) / (Ponton.duration * Ponton.frameRate);
    Ponton.x = Ponton.originX;
    
    Ponton.animate();
  },

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

    Ponton.div.style.left = Math.round(Ponton.x) + "px";    
  }
};

Core.start(Ponton);