var items               = new Array();
var topItems            = new Array();
var browser             = "OTHER";    
var selectedItem        = null;       
var style               = null;       
var scriptURL           = null;       
var expandTopItems      = null;       
var mouseOverColor      = null;       
var selectedColor       = null;       
var selectedBackground  = null;       


function adjustY()
  {
    if ( browser != "NS" )
      return;

    var y = 0;
    var minWidth = 0;
    var minHeight = 0;
    for ( var i=0; i<items.length; i++ )
      {
        items[i].obj.top = y;
        items[i].obj.left = 0;
        if ( items[i].obj.visibility == "show" )
          {
            y += items[i].obj.clip.height;
            if ( items[i].obj.clip.width > minWidth )
              minWidth = items[i].obj.clip.width;
            minHeight += items[i].obj.clip.height;
          }
      }
    document.sitemap.clip.right = minWidth;
    document.sitemap.clip.bottom = minHeight;
  }



// ----------------------------------------------------------------------------
function colapse( siteItem )
  {
    if ( selectedItem == siteItem )
      selectItem( null );
    for ( var i=0; i<siteItem.children.length; i++ )
      {
        if ( browser == "IE" )
          siteItem.children[i].obj.style.display = "none";
        else
          siteItem.children[i].obj.visibility = "hide";
        colapse( siteItem.children[i] );
      }
  }


// ----------------------------------------------------------------------------
function display()
  {
    if ( browser == "IE" )
      _writeln( "<table border='0' cellspacing='0' cellpadding='0' style='position:relative'><tr><td valign=top align=left>" );
      
    for ( var i=0; i<topItems.length; i++ )
      renderItem( topItems[i], "" );

    if ( browser == "IE" )
      _writeln( "</td></tr></table>" );
    else if ( browser == "NS" )
      window.onResize = restoreIcons;
    else
      return;

    for ( var i=0; i<topItems.length; i++ )
      {
        var siteItem = topItems[i];
        if ( browser == "IE" )
          siteItem.obj.style.display = "block";
        else if ( browser == "NS" )
          siteItem.obj.visibility = "show";
        if ( (expandTopItems) && (siteItem.children.length != 0) )
          {
            expand( siteItem );
            siteItem.opened = true;
            updateIcons( siteItem );
          }
      }
    adjustY();
  }


// ----------------------------------------------------------------------------
function expand( siteItem )
  {
    for ( var i=0; i<siteItem.children.length; i++ )
      {
        if ( browser == "IE" )
          siteItem.children[i].obj.style.display = "block";
        else
          siteItem.children[i].obj.visibility = "show";
        if ( siteItem.children[i].opened )
          expand( siteItem.children[i] );
      }
  }

// ----------------------------------------------------------------------------
function expandColapse( siteItem )
{
  var children;
  if ( siteItem.parent == null )
    if ( expandTopItems )
      {
        expand( siteItem );
        return;
      }
    else
      children = topItems;
  else
    children = siteItem.parent.children;
  for ( var i=0; i<children.length; i++ )
    if ( (children[i].opened) && (children[i] != siteItem) )
      {
        children[i].opened = false;
        colapse( children[i] );
        updateIcons( children[i] );
      }
  expand( siteItem );
}

// ----------------------------------------------------------------------------
function getTreeIcon( siteItem )
  {
    var icon;
    if ( siteItem.children.length == 0 )
      if ( style == "OUTLINE" )
        icon = "blank.gif";
      else if ( siteItem.last )
        icon = "simplel.gif";
      else
        icon = "simple.gif";
    else if ( siteItem.opened )
      if ( style == "OUTLINE" )
        icon = "minus.gif";
      else if ( siteItem.last )
        icon = "colapsel.gif";
      else
        icon = "colapse.gif";
    else if ( style == "OUTLINE" )
      icon = "plus.gif";
    else if ( siteItem.last )
      icon = "expandl.gif";
    else
      icon = "expand.gif";
    return scriptURL+icon;
  }


  
// ----------------------------------------------------------------------------
function itemClicked( siteItem )
  {
    if ( (siteItem.children.length != 0) && (browser != "OTHER") )
      {
        siteItem.opened = !siteItem.opened;
        if ( siteItem.opened )
          expandColapse( siteItem );
        else
          colapse( siteItem );
      }
    selectItem( siteItem );
    adjustY();
  }


// ----------------------------------------------------------------------------
function itemMouseOut( siteItem )
  {
    siteItem.mouseOver = false;
    if ( (siteItem.style != null) && (!siteItem.selected) )
      siteItem.style.color = "";
    updateIcons( siteItem );
    adjustY();
  }


// ----------------------------------------------------------------------------
function itemMouseOver( siteItem )
  {
    siteItem.mouseOver = true;
    if ( (siteItem.style != null) && (!siteItem.selected) )
      siteItem.style.color = mouseOverColor;
    updateIcons( siteItem );
    adjustY();
    var message = "";
    if ( siteItem.message != null )
      message = siteItem.message;
    else if ( siteItem.url != null )
      message = siteItem.url;
    return message;
  }
// ----------------------------------------------------------------------------
function outputItemAnchor( siteItem, element )
  {
    _write( "<td nowrap>" );
    if ( siteItem.url == null )
      _write( "<a href='javascript:itemClicked(items["+siteItem.id+"])'" );
    else
      {
        _write( "<a href='"+siteItem.url+"'" );
        if ( siteItem.target != null )
          _write( " target='"+siteItem.target+"'" );
        _write( " onClick='itemClicked(items["+siteItem.id+"])'" );
      }
    _write( " onMouseOver='window.status=itemMouseOver(items["+siteItem.id+"]); return true'" );
    _write( " onMouseOut='itemMouseOut(items["+siteItem.id+"]); window.status=\"\"; return true'" );
    _write( ">" );
    _write( element );
    _write( "</a>" );
    _write( "</td>" );
  }


// ----------------------------------------------------------------------------
function renderItem( siteItem, left )
  {
    if ( browser == "IE" )
      _write( "<table border='0' cellspacing='0' cellpadding='0' id='item"+siteItem.id+"' style='position:relative;display:none' width='100%'>" );
    else if ( browser == "NS" )
      {
        _write( "<layer id='item"+siteItem.id+"' position='relative' visibility='hide'>" );
        _write( "<table border='0' cellspacing='0' cellpadding='0' width='100%'>" );
      }
    else
      _write( "<table border='0' cellspacing='0' cellpadding='0' width='100%'>" );
    _write( "<tr align=left valign=middle>" );
    _write( left );
    if ( style != "LIST" )
      {
        if ( siteItem.children.length > 0 )
          _write( "<td><a href='javascript:treeIconClicked(items["+siteItem.id+"])' onMouseOver='window.status=\"\"; return true'><img name='treeIcon"+siteItem.id+"' src='"+getTreeIcon(siteItem)+"' border='0' width='19' height='16'></a></td>" );
        else
          _write( "<td><img src='"+getTreeIcon(siteItem)+"' width='19' height='16'></td>" );
        _write( "<td><img src='"+scriptURL+"space.gif' width='3' height='16'></td>" );
      }
    var icon = siteItem.colapsedIcon;
    if ( (browser == "OTHER") && (siteItem.children.length > 0) )
      icon = siteItem.expandedIcon;
    if ( icon != null )
      {
        outputItemAnchor( siteItem, "<img name='icon"+siteItem.id+"' src='"+scriptURL+icon+"' border='0' width='"+siteItem.iconWidth+"' height='"+siteItem.iconHeight+"'>" );
        outputItemAnchor( siteItem, "<img src='"+scriptURL+"space.gif' border='0' width='3' height='16'>" );
      }
    if ( siteItem.text != null )
      {
        var s = siteItem.text;
        if ( (siteItem.font != null) || (siteItem.size != null) || (siteItem.color != null) || (browser == "IE") )
          {
            var s1 = "<font";
            if ( browser == "IE" )
              s1 += " id='style"+siteItem.id+"'";
            if ( siteItem.font != null )
              s1 += " face='"+siteItem.font+"'";
            if ( siteItem.size != null )
              s1 += " size='"+siteItem.size+"'";
            if ( siteItem.color != null )
              s1 += " color='"+siteItem.color+"'";
            s1 += ">";
            s = s1+s+"</font>";
          }
        if ( siteItem.bold )
          s = "<b>"+s+"</b>";
        if ( siteItem.italic )
          s = "<i>"+s+"</i>";
        outputItemAnchor( siteItem, s );
      }
    _write( "<td width=100%></td>" );
    _write( "</tr>" );
    if ( browser == "IE" )
      {
        _write( "</table>" );
        siteItem.obj = document.all["item"+siteItem.id];
        siteItem.treeIcon = document.all["treeIcon"+siteItem.id];
        siteItem.icon = document.all["icon"+siteItem.id];
        if ( siteItem.text != null )
          siteItem.style = document.all["style"+siteItem.id].style;
      }
    else if ( browser == "NS" )
      {
        _write( "</table>" );
        _writeln( "</layer>" );
        siteItem.obj = document.sitemap.document.layers["item"+siteItem.id];
        siteItem.treeIcon = siteItem.obj.document.images["treeIcon"+siteItem.id];
        siteItem.icon = siteItem.obj.document.images["icon"+siteItem.id];
      }
    else
      _writeln( "</table>" );
    if ( (siteItem.last) || (style != "TREE") )
      left += "<td><img src='"+scriptURL+"blank.gif' width='19' height='16'></td>";
    else
      left += "<td><img src='"+scriptURL+"treeline.gif' width='19' height='16'></td>";
    for ( var i=0; i<siteItem.children.length; i++ )
      renderItem( siteItem.children[i], left );
  }

// ----------------------------------------------------------------------------
function restoreIcons()
  {
    for ( var i=0; i<items.length; i++ )
      updateIcons( items[i] );
  }

// ----------------------------------------------------------------------------
function selectItem( siteItem )
  {
    if ( selectedItem != null )
      {
        selectedItem.selected = false;
        if ( selectedItem.style != null )
          {
            selectedItem.style.color = "";
            selectedItem.style.backgroundColor = "";
          }
        updateIcons( selectedItem );
      }
    selectedItem = siteItem;
    if ( siteItem != null )
      {
        siteItem.selected = true;
        if ( siteItem.style != null )
          {
            siteItem.style.color = selectedColor;
            siteItem.style.backgroundColor = selectedBackground;
          }
        updateIcons( siteItem );
      }
  }


// ----------------------------------------------------------------------------
function treeIconClicked( siteItem )
  {
    if ( (browser == "OTHER") || (siteItem.children.length == 0) )
      return;
    if ( siteItem.opened )
      colapse( siteItem );
    else
      expandColapse( siteItem );
    siteItem.opened = !siteItem.opened;
    updateIcons( siteItem );
    adjustY();
  }


// ----------------------------------------------------------------------------
function updateIcons( siteItem )
  {
    if ( (style != "LIST") && (siteItem.children.length != 0) )
      siteItem.treeIcon.src = getTreeIcon(siteItem);
    if ( siteItem.icon == null )
      return;
    if ( (siteItem.selected) && (siteItem.selectedIcon != null) )
      siteItem.icon.src = scriptURL+siteItem.selectedIcon;
    else if ( (siteItem.mouseOver) && (siteItem.mouseOverIcon != null) )
      siteItem.icon.src = scriptURL+siteItem.mouseOverIcon;
    else if ( siteItem.opened )
      siteItem.icon.src = scriptURL+siteItem.expandedIcon;
    else
      siteItem.icon.src = scriptURL+siteItem.colapsedIcon;
  }
// ----------------------------------------------------------------------------
function _write( s )
  {
    if ( browser == "NS" )
      document.sitemap.document.write( s );
    else
      document.write( s );
  }

// ----------------------------------------------------------------------------
function _writeln( s )
  {
    if ( browser == "NS" )
      document.sitemap.document.writeln( s );
    else
      document.writeln( s );
  }


// ----------------------------------------------------------------------------
function Item( colapsedIcon, expandedIcon, mouseOverIcon, selectedIcon, iconWidth, iconHeight, text, font, bold, italic, size, color, message, url, target, last )
  {
    this.id = items.length;
    this.colapsedIcon = colapsedIcon;
    this.expandedIcon = expandedIcon;
    this.mouseOverIcon = mouseOverIcon;
    this.selectedIcon = selectedIcon;
    this.iconWidth = iconWidth;
    this.iconHeight = iconHeight;
    this.text = text;
    this.font = font;
    this.bold = bold;
    this.italic = italic;
    this.size = size;
    this.color = color;
    this.message = message;
    this.url = url;
    this.target = target;

    this.opened = false;
    this.selected = false;
    this.mouseOver = false;

    this.children = new Array();
    this.last = last;
    this.obj = null;
    this.treeIcon = null;
    this.icon = null;
    this.style = null;
    this.parent = null;

    items[this.id] = this;
  }


// ----------------------------------------------------------------------------
function addItem( siteItem, parent )
  {
    if ( parent == null )
      topItems[topItems.length] = siteItem;
    else
      parent.children[parent.children.length] = siteItem;
    siteItem.parent = parent;
  }


// ----------------------------------------------------------------------------
function renderSitemap( _style, _expandTopItems, _mouseOverColor, _selectedColor, _selectedBackground, _scriptURL )
  {
    if ( document.all )
      browser = "IE";
    else if ( (navigator) && (navigator.platform) )
      browser = "NS";

    if ( browser == "OTHER" )
      _style = "LIST";
    style = _style;

    scriptURL = _scriptURL;
    expandTopItems = _expandTopItems;
    mouseOverColor = _mouseOverColor;
    selectedColor = _selectedColor;
    selectedBackground = _selectedBackground;

    if ( browser == "NS" )
      {
        document.writeln( "<ilayer id='sitemap'></ilayer>" );
        window.onLoad = display;
      }
    else
      display();
  }