/*JAVASCRIPT BY CHRIS HUGGINS. 
SIMPLY ADD "-on" TO THE ROLLOVERIMAGE NAME BEFORE THE FILE NAME EXTENSION
ADD A CLASS OF "ROLLOVER" TO TAG YOU WANT TO CHANGE THE SOURCE OF (IMG OR INPUT)
LINK TO THIS FILE IN THE HEAD EG <script src="../scripts/rollovers.js" type="text/javascript"></script> 
*/

function setupRollovers() {
  if (!document.getElementsByTagName)
  return;
  
  var all_tags = document.getElementsByTagName('*');
  for (var i = 0; i < all_tags.length; i++) {
  var img = all_tags[i];
  if (img.className && (' ' + img.className + ' ').indexOf(' rollover ') != -1)
    {
      img.onmouseover = mouseover;
      img.onmouseout = mouseout;
    }
  }
}

function findTarget(e) {
  var target;
  if (window.event && window.event.srcElement)
  target = window.event.srcElement;
  else if (e && e.target)
  target = e.target;

return target;
}

function mouseover(e) {
  var target = findTarget(e);
  if (!target) return;
  var tag = target;
  if (tag.src.match("-on.")) {
    return;
  } else {
  tag.src = tag.src.replace(/(\.[^.]+)$/, '-on$1');
  }
}

function mouseout(e) {
  var target = findTarget(e);
  if (!target) return;
  var tag = target;
  tag.src = tag.src.replace(/-on(\.[^.]+)$/, '$1');
}

addEvent(window, 'load', setupRollovers, false);

function addEvent(elm, evType, fn, useCapture){
   if (elm.addEventListener) {
      elm.addEventListener(evType, fn, useCapture);
      return true;
   } else if (elm.attachEvent) {
      var r = elm.attachEvent('on' + evType, fn);
      return r;
   } else {
      elm['on' + evType] = fn;
   }
}