var basePath  = "/images/buttons/"  
var activeExt = "-a.gif"
var rollExt   = "-r.gif"

var state     = "loading"      
var rollArray = new Array        
var canRoll   = supportsRoll()   

function loadImages() {
   if (supportsRoll()) {
      for (i=0; i != document.images.length; i++) {
         if (hasName(document.images[i])) {
            var name = document.images[i].name
            rollArray[name] = new Rollovers(name)
         }
      }
      state="loaded"
   }
} 

function hasName(image) {
  if ((image.name == null) || image.name == "") { 
     return(false) 
  } else {
     return(true)
  }
}

function rollInImage() { document.images[this.name].src = this.rollover.src }
function rollOutImage() { document.images[this.name].src = this.active.src }

function Rollovers(name) {       
  this.active = new Image()
  this.rollover = new Image()
  this.active.src = basePath + document.images[name].name + activeExt
  this.rollover.src = basePath + document.images[name].name + rollExt
  this.name = name
  this.rollin = rollInImage
  this.rollout = rollOutImage
}

function imError() { }
function imAbort() { }
function imLoad() { }


function supportsRoll() {
   if (navigator.appName == "Netscape") {
      return (parseInt(navigator.appVersion) > 2)
   }
   if (navigator.appName == "Microsoft Internet Explorer") {
      return (parseInt(navigator.appVersion) > 3)
   }
   return false
}

function wantRoll() {
   if (state == "loaded") {
      return canRoll
   }
   return(false)
}

function myMouseOver(imgName) { 
   if (wantRoll()) { rollArray[imgName].rollin() }
}

function myMouseOut(imgName) {
   if (wantRoll()) { rollArray[imgName].rollout() }
}

function init() {
	loadImages()
}

function setColor( color ) { document.CusForm.myColor.value=color }

var w = new Object();

function doPop(o) {
     var nm = o.target;
     if( (w[nm] == null) || (w[nm].closed == true) ) {
       w[nm] = window.open(o.href, nm, "toolbar,resizable,scrollbars,location,height=600,width=800");
       }
       w[nm].focus(); 
     }