// JavaScript Document
      <!--

var img, lnk, count = 1;
var timer = 3;  // number of seconds between images

// a pseudo-class to hold image and link data
// once I figure out how the opacity works, we'll
// add that data to the class as well.
function BannerImage(image, link) {
  this.src = image;
  this.href = link;

  return true;
}

// The array of image and link data
var images = new Array();
images[0] = new BannerImage("images/banner_public.jpg", "/publiccourses/courselist.php");
images[1] = new BannerImage("images/banner_onsite.jpg", "/onsite/onsite.php");
images[2] = new BannerImage("images/banner_virtual.jpg", "/virtual/virtual.php");
images[3] = new BannerImage("images/banner_ondemand.jpg", "/ondemand/ondemand_training.php");
images[4] = new BannerImage("images/banner_rent.jpg", "/rental/facilities.php");

function popITup(url) {
  window.open(url, "_self", "toolbar=yes, location=yes, directories=yes, status=yes, menubar=yes, scrollbars=yes, resizable=yes, copyhistory=yes, width=760, height=500");
}

// initialization of timer and dom variables
function displayImgLinks() {
  img = document.getElementById('bannerImg');
  lnk = document.getElementById('bannerLink');
  window.setTimeout('cueNextImg()', timer * 3000);
}

// Load the next image while the current image is being
// displayed, plus swap out the href on the link and the
// src on the currently displayed image.
//
//  Make sure all of the images are the exact same size
//  or we will be giving our clients epileptic fits!!!
//
function cueNextImg() {
  var next = new Image();

  next.onerror = function() {
    alert('Failed to load next image');
  };

  next.onload = function() {
    img.src = images[count].src;
    lnk.href = images[count].href;

    if (++count == images.length) { count = 0; }
    window.setTimeout('cueNextImg()', timer * 3000);
  };

  next.src = images[count].src
}

      -->