<!-- begin hiding
/* This script allows image swapping when a user rolls the mouse
   over an image.
   Code by Mark Robohm for Juicyorange.com
*/

var onImages = new Array();
var highlighted = "";
var ON = "rll";
var OFF = "nav";
var HIGH = "crssd";

function preLoad() {
/* Takes a list of image names which have rollovers, and
   preloads their source into an element of the onImages array. 
 
  note that you don't ever really need the array later because it's
  just to preload the images , and I found it a little confusing 
  to turn images off in a different fashion than you turn them on.
*/

// Put function's argument list into an array
  var argv = preLoad.arguments;
  var argc = argv.length;
  if (document.images) {
    for (var i=0;i<argc;i++) {
       if (document.images[argv[i]]) {
         onImages[argv[i]] = new Image();
         onImages[argv[i]].src = setState(ON, document.images[argv[i]].src);
       }
    }
  }
}
function killAll() {
  if (document.images) {
    var image = "";
    for (var i=0; i<onImages.length; i++) {
      if (onImages[i]) {
        rollOff(document.images[onImages[i].name].name);
      }
    }
  }
}


function getState(imgname) {
  var extension = imgname.lastIndexOf(".");
  var underscore = imgname.lastIndexOf("_");
  var state = imgname.substring(underscore+1, extension);
  
  return state; 
}

function setState(state, imgname) {
  var extension = imgname.lastIndexOf(".");
  var underscore = imgname.lastIndexOf("_");
  var base = imgname.substring(0, underscore);
  var ext = imgname.substring(extension, imgname.length);

  return base + "_" + state + ext;
}


function rollOff(img) {
// Takes an image name, and swaps that image with its unhighlighted image.
  if (document.images) {
    var image = document.images[img];
    if (image) {
      var state = getState(image.src);
      if (state == ON)          // don't rollOff a highlighted image
        image.src = setState(OFF, image.src);
    }
  }
}

function rollOn(img) {
  if (document.images) {
    var image = document.images[img];
    if (image) {
      var state = getState(image.src);
      killAll();                // turn all images OFF
      if (state == OFF)         // don't rollOn a highlighted image
        image.src = setState(ON, image.src);
    }
  }
}

function highlight(img) {
  if (document.images) {
    if (highlighted) {
      document.images[highlighted].src = 
        setState(OFF, document.images[highlighted].src);
    }
    var image = document.images[img];
    if (image) {
      var state = getState(image.src);
      if (state != HIGH) {
        image.src = setState(HIGH, image.src);
        highlighted = img;
      }
    }
  }
}

function swap(img) {

// turn an image on if it's off, off if it's on, nothing if it's highlighted

  var image = document.images[img];
  var state = getState(img.src);
  if (image) {
    if (state == ON)
      image.src = setState(OFF, image.src);
    else if (state == OFF)
      image.src = setState(ON, image.src);
  }
}

// end hiding -->