//scroller's width
var swidth=120;
//scroller's height
var sheight=480;
//scroller's background
var sbcolor="#ffffff";
//scroller's speed
var sspeed=50;

//scroller's pause
var spause=10000;
//how high each image is
var pauseHeight = 125;//Add each image in the list below
var marqueeText = new Array();
marqueeText[0] = '<img src="ss_images/revolving_images/image_001.jpg" alt="">';
marqueeText[1] = '<img src="ss_images/revolving_images/image_002.jpg" alt="">';
marqueeText[2] = '<img src="ss_images/revolving_images/image_003.jpg" alt="">';
marqueeText[3] = '<img src="ss_images/revolving_images/image_004.jpg" alt="">';
marqueeText[4] = '<img src="ss_images/revolving_images/image_005.jpg" alt="">';
marqueeText[5] = '<img src="ss_images/revolving_images/image_006.jpg" alt="">';
marqueeText[6] = '<img src="ss_images/revolving_images/image_007.jpg" alt="">';
marqueeText[7] = '<img src="ss_images/revolving_images/image_008.jpg" alt="">';

//Don't change anything below here//This doesn't need customising.
var currentMarquee = 1;
var divHeight = 0;
var nextScroll;
var clearMe;
var mInterval;
var marquee_paused = false;
var pausePosition = 0;
var resetPosition;
function start() {
  mHTML = "";
  for(i=0;i<marqueeText.length;i++)mHTML+= marqueeText[i] + "<br/>";
  document.getElementById("marquee1").innerHTML = mHTML;
  document.getElementById("marquee2").innerHTML = mHTML;
  divHeight = returnDivHeight();    resetPosition = parseInt(document.getElementById("marquee2").style.top);
  // adjust these to suit your repeat
  document.all ? adjustScroll = divHeight : adjustScroll = divHeight + 30;
  nextScroll = 0;// - (divHeight)+adjustScroll;
  clearMe = 0 - divHeight;
  mInterval = setInterval("marquee_beginScroll()",sspeed);
}

function marquee_beginScroll() {
  if(!marquee_paused) {
    if (mInterval == -1) mInterval = setInterval("marquee_beginScroll()",sspeed);

    cur = "marquee" + currentMarquee;
    curTop = parseInt(document.getElementById(cur).style.top);
    curTop-=1;
    if(curTop<=nextScroll) {
      cur=="marquee1"?cur2 = "marquee2":cur2 = "marquee1";
      curTop2 = parseInt(document.getElementById(cur2).style.top);
      curTop2-=1;
      document.getElementById(cur2).style.top = curTop2+"px";
    }
    document.getElementById(cur).style.top = curTop+"px";
    if(curTop<=clearMe) {
      document.getElementById(cur).style.top = resetPosition +"px";
      currentMarquee==1?currentMarquee=2:currentMarquee=1;
    }
    pausePosition++;
    if (pausePosition == pauseHeight) {
      pausePosition = 0;
      clearInterval(mInterval);
      mInterval = -1;
      setTimeout("marquee_beginScroll()",spause);
    }
  }
}

function returnDivHeight() {
  // assumes a max of 30 characters on one line at font-size:10px
  // <p> height at 35px, and total line height of 15px;
  /*lineLength = new Array();
  totalLength = 0;
  for(i=0;i<marqueeText.length;i++) lineLength[lineLength.length] = marqueeText[i].length;
  for(i=0;i<lineLength.length;i++)totalLength+=(lineLength[i]+35);
  return Math.floor((totalLength/30)*15)+20;*/
  return pauseHeight * marqueeText.length;

}