// JavaScript Document

function Button(options) {
  this.wrapper = options.buttonDiv;
  
  
  if(typeof options.buttonText === "string")
    this.buttonText = options.buttonText;
  else if(this.wrapper.innerHTML !== "")
    this.buttonText = this.wrapper.innerHTML;
  this.wrapper.update();
  
  this.wrapper.button = this;
  if(options.onclick && typeof options.onclick === "function")
    this.wrapper.onclick = options.onclick;
  
  this.wrapper.onmousedown = function(o) {
    return function() {
      o.bg1.className = "bg1down";
      o.bg2.className = "bg2down";
      o.bg3.className = "bg3down";
      o.bg4.className = "bg4down";
    }
  }(this)  
  
  this.wrapper.onmouseup = function(o) {
    return function() {
      o.bg1.className = "bg1up";
      o.bg2.className = "bg2up";
      o.bg3.className = "bg3up";
      o.bg4.className = "bg4up";
    }
  }(this);  
  
  this.bg1 = Element.extend(document.createElement('div')).addClassName('bg1up');
  this.bg2 = Element.extend(document.createElement('div')).addClassName('bg2up');
  this.bg3 = Element.extend(document.createElement('div')).addClassName('bg3up');
  this.bg4 = Element.extend(document.createElement('div')).addClassName('bg4up');
  
  this.wrapper.appendChild(this.bg1);
  this.bg1.appendChild(this.bg2);
  this.bg2.appendChild(this.bg3);
  this.bg3.appendChild(this.bg4);
  
  this.bg4.update(this.buttonText);/**/
}