var banner =
{
  init: function()
  {
    banner.frameRate = 25;
    banner.duration = 2;
    banner.div = document.getElementById("banner3");
    banner.targetX = 530;
    banner.originX = 424;
    banner.increment = (banner.targetX - banner.originX) / (banner.duration * banner.frameRate);
    banner.x = banner.originX;
    banner.div2 = document.getElementById("banner2");
    setTimeout(banner.animate, 4000);
  },

  animate: function()
  {
    if((banner.x == 530) || (banner.x == 424))
    {
      banner.x = banner.originX;
    }
    banner.x += banner.increment;
    
    if ((banner.targetX > banner.originX && banner.x >= banner.targetX) || (banner.targetX < banner.originX && banner.x <= banner.targetX))
    {
      banner.x = banner.targetX;
      if(banner.x==530)
      {
        banner.div2.style.backgroundImage = 'url(/images/banner_photos1.png)';
	banner.targetX = 424;
	banner.originX = 318;
      }
        else
      {
        banner.div2.style.backgroundImage = 'url(/images/banner_photos2.png)';
	banner.targetX = 530;
	banner.originX = 424;
      }
      setTimeout(banner.animate, 4000);
    }
    else
    {
      setTimeout(banner.animate, 1000 / banner.frameRate)
    }

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

Core.start(banner);