
// Try to preload the image
(new Image()).src = "http://www.sitesell.com/img/leavebehind2.gif";

function transition(el, prop, startHeight, endHeight, totalTime, continuation) {
  var dt = 50; // milliseconds
  var numFrames = totalTime/dt;
  var dh = (endHeight - startHeight) / (numFrames - 1);

  var height = startHeight;
  var frame = 0;

  var animate = function() {
    height = height + dh;
    el.style[prop] = height + 'px';
    frame++;
    if (frame < numFrames) {
      setTimeout(animate, dt);
    }
    else {
      if (continuation) {
        continuation();
      }
    }
  };
  animate();  
}

function Load() {
  var startHeight = 0;
  var startRight = 370;
  var el = document.getElementById('affiliateSlider');
  el.style.height = startHeight + 'px';
  el.style.right = startRight + 'px';
  transition(el, 'height', startHeight, 50, 1000, function() {
    transition(el, 'right', startRight, 0, 3000);
  });
}
