var g_toggle_Id = "";
var g_toggle_ShowTitle = "";
var g_toggle_HideTitle = "";
var g_toggle_Init = false;


function toggle_init()
{
   g_toggle_Init = true;
}


function begin_toggle(id, showTitle, hideTitle, show)
{
   if ( !g_toggle_Init )
   {
      return;
   }

   g_toggle_Id = id;
   g_toggle_ShowTitle = showTitle;
   g_toggle_HideTitle = hideTitle;

   document.writeln( "<a id='" + id + "link' href='javascript:toggle(\"" + id + "link\", \"" + id + "\", \"" + showTitle + "\", \"" + hideTitle + "\");'>" );
   if ( show )
   {
      document.write( hideTitle ); 
   }
   else 
   {
      document.write( showTitle ); 
   }
   document.writeln( "</a>" );

   document.write( "<div id='" + id + "' style='display:" );
   if ( show )
   {
      document.write( "block" );
   }
   else
   {
      document.write( "none" );
   }
   document.writeln( "'>" );
   
}


function end_toggle()
{
   if ( !g_toggle_Init )
   {
      return;
   }

   document.writeln( "<div><a id='" + g_toggle_Id + "link' href='javascript:toggle(\"" + g_toggle_Id + "link\", \"" + g_toggle_Id + "\", \"" + g_toggle_ShowTitle + "\", \"" + g_toggle_HideTitle + "\");'>" );
   // The div will hide this so we'll just use the hideTitle
   document.write( g_toggle_HideTitle + "</a></div>" );
   document.writeln( "</div>" );
}


function toggle(idLink, idDiv, showTitle, hideTitle)
{
   link = document.getElementById( idLink );
   elem = document.getElementById( idDiv );
   if ( elem )
   {
      state = 'block';
      title = hideTitle;
      if ( elem.style.display != 'none' )
      {
         state = 'none';
         title = showTitle;
      }

      elem.style.display = state;
      if ( link )
      {
         link.innerHTML = title;
      }
   }
}