var images = new Array(
    "images/shouyetupian/1stpageimages.jpg",
    "images/shouyetupian/2stpageimages.jpg",
    "images/shouyetupian/3stpageimages.jpg"
    );

  var imglink = new Array(
    "http://youngerusa.com/new/index.php?option=com_content&view=article&id=59&Itemid=188",
    "http://youngerusa.com/new/index.php?option=com_content&view=article&id=88&Itemid=210",
    "http://youngerusa.com/new/index.php?option=com_content&view=article&id=75&Itemid=208"
    );

  var present_slide = 0;
  var run;
  var delay = 6500;
  var lock = false;
  var bannerid;

  function displayNext(shift) {
    bannerid = 'banid' + present_slide.toString();
    document.getElementById(bannerid).style.color = "#0060A9";

    present_slide = present_slide + shift;
    
    if (present_slide >= images.length) { // if at the end of the imgages array reset to the beginning of the array
      present_slide = 0;
    }

    bannerid = 'banid' + present_slide.toString();

    document.images["im"].src = images[present_slide];
    document.getElementById('ebiolink').href = imglink[present_slide];
    document.getElementById(bannerid).style.color = "#FF0000";
  }  // end displaynext

  function displayImage(imgNum) {
    // reset the current red number back to blue
    bannerid = 'banid' + present_slide.toString();
    document.getElementById(bannerid).style.color = "#0060A9";  
    
    // get the number of the slide to show
    present_slide = imgNum;
    bannerid = 'banid' + present_slide.toString();

    document.images["im"].src = images[present_slide];
    document.getElementById('ebiolink').href = imglink[present_slide];
    // set the current slide number to red
    document.getElementById(bannerid).style.color = "#FF0000";
    // set the slideshow to pause
    lock = true;
    auto();  
  }  // end displayImage

  function auto() {
    // function to auto rotate the slides
    if (lock == true) {
      lock = false;
      document.getElementById('playpause').innerHTML = "<b>Play</b>";
      window.clearInterval(run);
    }
    else if (lock == false) {
      lock = true;
      document.getElementById('playpause').innerHTML = "<b>Pause</b>";
      run = setInterval("displayNext(1)", delay);
    }
  }  // end auto

  function startup() {
    displayNext(0);
    auto();
  }  // end startup