function jsMenu_img() {
  this.selectedIndex = -1;
	this.rollOverSelectedItems = false;
	this.ldImg = new Array();

  jsMenu_img.prototype.init = function(passedArray) {
	  // ** user called ***
	  // passedArray =  array(btnNorm, btnRollOver, btnSelected, btnId)
	  this.btnArray = passedArray;
		this.preload();
		this.setHovers();
	}
  jsMenu_img.prototype.setIndex = function(myIndex) {
	  // ** user called ***
    this.selectedIndex = myIndex;
		this.setHovers();
	}
	jsMenu_img.prototype.preload = function() {
    var i=0,j=0;
  	if (document.images) {
   	  for(i=0;i<this.btnArray.length;i++) {
        this.ldImg[i] = new Array();
  	    for (j=0;j<3;j++) {
      		this.ldImg[i][j] = new Image;
      		this.ldImg[i][j].src = this.btnArray[i][j]; //ldImg[index][state]
	    	}
  	  }
    }
  }
  jsMenu_img.prototype.setHovers = function() {
	  var i=0,j=0;
		for (i=0;i<this.btnArray.length;i++) {
		  myImg = document.images[this.btnArray[i][3]];
      myImg.img_n = this.btnArray[i][0];
      myImg.img_r = this.btnArray[i][1];
      myImg.img_s = this.btnArray[i][2];
		  
			if (this.selectedIndex!=i) {
  			myImg.onmouseover = function() { this.src = this.img_r;	}
  			myImg.onmouseout = function() { this.src = this.img_n; }
				myImg.src = myImg.img_n // set to normal image
  	  } else {
  			if (this.rollOverSelectedItems==true) {
    			myImg.onmouseover = function() { this.src = this.img_r;	}
    			myImg.onmouseout = function() { this.src = this.img_s; }
				} else {
    			myImg.onmouseover = function() { 	}
    			myImg.onmouseout = function() {  }
				}
				myImg.src = myImg.img_s // set to selected image
			}
		}
	}
}

// =======================================================================

function jsMenu_css() {
  this.selectedIndex = -1;
	this.rollOverSelectedItems = false;

  jsMenu_css.prototype.init = function(passedArray) {
	  // ** user called ***
	  // passedArray =  array(btnId)
	  this.btnArray = passedArray;
		this.setHovers();
	}
  jsMenu_css.prototype.setIndex = function(myIndex) {
	  // ** user called ***
    this.selectedIndex = myIndex;
		this.setHovers();
	}
  jsMenu_css.prototype.setHovers = function() {
	  var i=0
		for (i=0;i<this.btnArray.length;i++) {
  		myBtn = document.getElementById(this.btnArray[i]);
			if (this.selectedIndex!=i) {
  			myBtn.onmouseover = function() { this.className = 'r';}
  			myBtn.onmouseout = function() { this.className = 'n';}
				myBtn.className = 'n' // set to normal button
  	  } else {
  			if (this.rollOverSelectedItems==true) {
  			  myBtn.onmouseover = function() { this.className = 'r'; }
  		  	myBtn.onmouseout = function() { this.className = 's'; }
				} else {
    			myBtn.onmouseover = function() { 	}
    			myBtn.onmouseout = function() {  }
				}
				myBtn.className = 's' // set to selected btn
			}
		}
	}

}