var isExpanded   = false;

var imgOpened    = new Image(9,9);
imgOpened.src    = 'images/minus.gif';
var imgClosed    = new Image(9,9);
imgClosed.src    = 'images/plus.gif';


/**
 * Do reloads the frame if the window has been resized under Netscape4+
 *
 * @access  private
 */
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
    location.reload(true);
} // end of the 'reDo()' function

/**
 * Positioned element resize bug under NS4+
 */
if (isNS4) {
  var origWidth  = innerWidth;
  var origHeight = innerHeight;
  onresize       = reDo;
}


/**
 * Specific stuffs for IE4
 */
function doDocumentOnMouseOver() {
  var eSrc = window.event.srcElement ;
  if (eSrc.className == 'item') {
    window.event.srcElement.className = 'highlight';
  }
} // end of the 'doDocumentOnMouseOver()' function

function doDocumentOnMouseOut() {
  var eSrc = window.event.srcElement ;
  if (eSrc.className == 'highlight') {
    window.event.srcElement.className = 'item';
  }
} // end of the 'doDocumentOnMouseOut()' function

if (isIE4) {
  document.onmouseover = doDocumentOnMouseOver ;
  document.onmouseout = doDocumentOnMouseOut ;
}


/**
 * Gets the id of the first collapsible room
 *
 * @param  string  the name of the first collapsible room
 *
 * @return  integer  the index number corresponding to this room
 *
 * @access  public
 */
function nsGetIndex(el) {
  var ind       = null;
  var layersCnt = document.layers.length;
  for (var i = 0; i < layersCnt; i++) {
    var whichEl = document.layers[i];
    if (whichEl.id == el) {
      ind = i;
      break;
    }
  }
  return ind;
} // end of the 'nsGetIndex()' function

/**
 * Positions layers under NS4+
 *
 * @access  public
 */
function nsArrangeList() {
  if (firstInd != null) {
    var nextY     = document.layers[firstInd].pageY + document.layers[firstInd].document.height;
    var layersCnt = document.layers.length;
    for (var i = firstInd + 1; i < layersCnt; i++) {
      var whichEl = document.layers[i];
      if (whichEl.visibility != 'hide') {
        whichEl.pageY = nextY;
        nextY         += whichEl.document.height;
      }
    }
  }
} // end of the 'nsArrangeList()' function


/**
 * Expand databases at startup
 *
 * @access  public
 */
function nsShowAll() {
  var layersCnt = document.layers.length;
  for (i = firstInd; i < layersCnt; i++) {
    whichEl = document.layers[i];
    whichEl.visibility = 'show';
  }
} // end of the 'nsShowAll()' function


/**
 * Collapses databases at startup
 *
 * @access  public
 */
function initIt()
{
  if (!capable)
    return;

  if (isDOM) {
    var tempColl    = document.getElementsByTagName('DIV');
    var tempCollCnt = tempColl.length;
    for (var i = 0; i < tempCollCnt; i++) {
      if (tempColl[i].className == 'child')
        tempColl[i].style.display = 'none';
    }
  } // end of the DOM case
  else if (isIE4) {
    tempColl        = document.all.tags('DIV');
    var tempCollCnt = tempColl.length;
    for (var i = 0; i < tempCollCnt; i++) {
      if (tempColl(i).className == 'child')
        tempColl(i).style.display = 'none';
    }
  } // end of the IE4 case
  else if (isNS4) {
    var layersCnt   = document.layers.length;
    for (var i=0; i<layersCnt; i++) {
      var whichEl = document.layers[i];
      if (whichEl.id.indexOf('Child') != -1)
        whichEl.visibility        = 'hide';
      else
        whichEl.visibility        = 'show';
    }
    nsArrangeList();
  } // end of the NS4 case
} // end of the 'initIt()' function


/**
 * Collapses/expands a database when the user require this to be done
 *
 * @param  string  the  name of the room to act on
 * @param  boolean whether to expand or to collapse the database content
 *
 * @access  public
 */
function expandBase(el, unexpand)
{
  if (!capable)
    return;

  if (isDOM) {
    var whichEl = document.getElementById(el + 'Child');
    var whichIm = document.getElementById(el + 'Img');
    if (whichEl.style.display == 'none') {
      whichEl.style.display  = 'block';
      whichIm.src            = imgOpened.src;
    }
    else if (unexpand) {
      whichEl.style.display  = 'none';
      whichIm.src            = imgClosed.src;
    }
  } // end of the DOM case
  else if (isIE4) {
    var whichEl = document.all(el + 'Child');
    var whichIm = document.images.item(el + 'Child');
    if (whichEl.style.display == 'none') {
      whichEl.style.display  = 'block';
      whichIm.src            = imgOpened.src;
    }
    else if (unexpand) {
      whichEl.style.display  = 'none';
      whichIm.src            = imgClosed.src;
    }
  } // end of the IE4 case
  else if (isNS4) {
    var whichEl = document.layers[el + 'Child'];
    var whichIm = document.layers[el + 'Parent'].document.images['imEx'];
    if (whichEl.visibility == 'hide') {
      whichEl.visibility  = 'show';
      whichIm.src         = imgOpened.src;
    }
    else if (unexpand) {
      whichEl.visibility  = 'hide';
      whichIm.src         = imgClosed.src;
    }
    nsArrangeList();
  } // end of the NS4 case
} // end of the 'expandBase()' function


/**
 * Add styles for positioned layers
 */
if (capable) {
  with (document) {
    // Brian Birtles : This is not the ideal method of doing this
    // but under the 7th June '00 Mozilla build (and many before
    // it) Mozilla did not treat text between <style> tags as
    // style information unless it was written with the one call
    //r to write().
    if (isDOM) {
      var lstyle = '<style type="text/css">'
                 + '.parent {font-family: Verdana, Arial, Helvetica, sans-serif; color: ; text-decoration:none; display:block}'
                 + '.child {font-family: Verdana, Arial, Helvetica, sans-serif; color: ; text-decoration:none; display:none}'
                 + '.item { color: #ABCDEF; text-decoration:none; font-size: 8pt;}'
                 + '.highlight { color: #FFCC00; font-size: 8pt;}'
                 + '.heada { font: 12px\/13px; Times}'
                 + 'DIV { color:black; }'
                 + '<\/style>';
      write(lstyle);
    }
    else {
      write('<style type="text/css">');
      if (isIE4) {
        write('.parent {font-family: Verdana, Arial, Helvetica, sans-serif; color: ; text-decoration:none;}');
        write('.child {font-family: Verdana, Arial, Helvetica, sans-serif; color: ; text-decoration:none; display:none}');
        write('.item { color: #ABCDEF; text-decoration:none; font-size: 8pt;}');
        write('.highlight { color: #FFCC00; font-size: 8pt;}');
        write('.heada { font: 12px\/13px; Times}');
        write('DIV { color:black; }');
      }
      else {
        write('.parent {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; position:absolute; visibility:hidden; color: black;}');
        write('.child {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;color: #000000; position:absolute; visibility:hidden}');
        write('.item { color: darkblue; text-decoration:none;}');
        write('.regular {font-family: Arial,Helvetica,sans-serif; position:absolute; visibility:hidden}');
        write('DIV { color:black; }');
      }
      write('<\/style>');
    }
  }
} // end of adding styles


onload = initIt