<!--

var NS4 = (document.layers) ? true : false;
var IE4 = (document.all) ? true : false;
var maxZ = 1;

function popout(id, posY, width) {
  this.id = id; // the element's name (and the variable's name)
  this.posY = posY; // the element's top property
  this.width = width; // the element's width
  this.show = false; // do not show the element
  this.makeImage = makeImage; // constructs the image's tab
  this.makeElement = makeElement; // constructs the content box
  this.showElement = showElement; // sets the element's visibility
}

function makeImage(imgURL, imgHeight, imgWidth, imgAlt) {
  document.write(
    '<STYLE TYPE="text/css">',
    '#', this.id, 'img {',
      'position: absolute;',
      'left: 0; top: ', this.posY, ';',
      'width: ', imgWidth, ';',
      'z-index: 1',
    '}',
    '</STYLE>',
    '<DIV ID="', this.id, 'img">',
    '<A HREF="javascript:', this.id, '.showElement()">',
    '<IMG SRC="', imgURL, '" ALT="', imgAlt, '" BORDER="0" ',
    'HEIGHT="', imgHeight, '" WIDTH="', imgWidth, '">',
    '</A></DIV>'
  );
}

function makeElement(boxBg, boxColor, boxCode) {
  var padding = (NS4) ? '' : 'padding: 3 0 3 3;';
  document.write(
    '<STYLE TYPE="text/css">',
    '#', this.id, 'box {',
      'position: absolute;',
      'left: 0; top: ', this.posY, ';',
      'width: ', this.width, ';',
      'layer-background-color: ', boxBg, ';',
      'background-color: ', boxBg, ';',
      'visibility: hidden;',
      'border-width: 2;',
      'border-style: solid;',
      'font-family: verdana,arial;',
      'font-size: 10pt;',
      'border-color: ', boxColor, ';',
      padding,
      'z-index: 1',
    '}',
    '</STYLE>',
    '<DIV ID="', this.id, 'box">',
    boxCode,
    '</DIV>'
  );
}

function showElement() {
  this.show = !this.show;
  var pos = (this.show) ? this.width : 0;
  if (NS4) {
    var str = (this.show) ? 'show' : 'hide';
    eval('document.' + this.id + 'img.left = ' + pos);
    eval('document.' + this.id + 'img.zIndex = ' + (++maxZ));
    eval('document.' + this.id + 'box.zIndex = ' + maxZ);
    eval('document.' + this.id + 'box.visibility = "' + str + '"');
  } else {
    var str = (this.show) ? 'visible' : 'hidden';
    eval(this.id + 'img.style.left = ' + pos);
    eval(this.id + 'img.style.zIndex = ' + (++maxZ));
    eval(this.id + 'box.style.zIndex = ' + maxZ);
    eval(this.id + 'box.style.visibility = "' + str + '"');
  }
}

function styleEnabled() {
  return ((NS4 && document.test) || IE4);
}

function init() {
  if (!styleEnabled()) return;
  menu1 = new popout('menu1', 125, 150); // a global variable
  menu1.makeImage('images/blalinks.jpg', 172, 18,
                  'Click for Links');
  menu1.makeElement('#FFFFFF', '#EEEEEE',
    '<b>News</b><BR>' +
    '<A HREF="http://www.msnbc.com">MSNBC</A><BR>' +
    '<A HREF="http://www.abcnews.com">ABC News</A><BR>' +
    '<b>Entertainment</b><BR>' +
    '<A HREF="http://www.amazon.com/exec/obidos/redirect-home/dustyscorner">Amazon Books</A><BR>' +
    '<A HREF="http://www.abc.com">ABC.COM</A><BR>' +
    '<A HREF="http://www.deltabluesmuseum.org">Delta Blues Musuem</A><BR>' +
    '<A HREF="http://www.kidsdomain.com">Kids Domain</A><BR>' +
    '<b>Downloads</b><BR>' +
    '<A HREF="http://www.tucows.com">Tucows</A><BR>' +
    '<A HREF="http://www.winfiles.com">WinFiles</A><BR>' +
    '<a href="http://www.shareware.com">Shareware.com</a><BR>' +
    '<a href="http://www.hotfiles.com">Hotfiles.com</a><BR>' +
    '<b>Technical</b><BR>' +
    '<A HREF="http://www.asp101.com">ASP101</A><BR>' +
    '<a href="http://www.microsoft.com/technet">Microsoft TechNet</a><BR>' +
    '<a href="links.asp"><b>More Links</b></A>'
  );
  menu2 = new popout('menu2', 390, 170); // a global variable
  menu2.makeImage('images/stuff.gif', 130, 18,
                  'Admin Functions');
  menu2.makeElement('#EEEEEE', 'Black',
    '<b>Network Use Only</b><BR>' +
    '<b>Requires Login</b><BR>' +
    '<A HREF="http://monitor.netease.net:8083">Whats Up</A><BR>' +
    '<A HREF="http://stats.netease.net">NetEase Stats</A><BR>' +
    '<A HREF="http://www.netease.net/mail">NetEase Mail</A><BR>' +
    '<A HREF="http://www.lynndust.com/mail">LynnDust Mail</A><BR>' +
    '<A HREF="http://mail.netease.net:8181">Mail Administration</A><BR>' +
    '<A HREF="http://www.netease.net">NetEase Site</A><BR>' +
    '<b>END</b>'
  );
}

init();

// -->
