function GetShadowBeginStr ( table_attr_str )
{
  var ret_str = 
 
      "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" " + table_attr_str + ">"
    +   "<tr>"
//  +     "<td></td>"
    +     "<td>";

  return ret_str;
}

function GetShadowEndStr ( root_path, is_large )
{
  if ( is_large == 1 )  { size  = "large"; width = "8"; }
  else                  { size  = "small"; width = "4"; }

  var ret_str = 
 
          "</td>"                                                    
    +     "<td width=" + width + " background=\"" + root_path + "/images/shadows/" + size + "/right.gif\" valign=top><img src=\""
                                                  + root_path + "/images/shadows/" + size + "/top_right.gif\" alt=\"\"></td>"
    +   "</tr>"                                                                     
    +   "<tr>"                                                                      
//  +     "<td width=" + width + "></td>"
    +     "<td                     background=\"" + root_path + "/images/shadows/" + size + "/bottom.gif\"><img src=\"" 
                                                  + root_path + "/images/shadows/" + size + "/bottom_left.gif\" alt=\"\"></td>"
    +     "<td width=" + width + " background=\"" + root_path + "/images/shadows/" + size + "/bottom_right.gif\"></td>"
    +   "</tr>"
    + "</table>";

  return ret_str;
}

function ShadowBegin   ( table_attr_str ) {  document.write ( GetShadowBeginStr ( table_attr_str ) );      }


function ShadowEnd     ( root_path      ) {  document.write ( GetShadowEndStr   ( root_path, 1 ) );  }

function ShadowWrapper ( root_path, 
                         table_attr_str, 
                         str_to_wrap )    {  document.write ( GetShadowBeginStr ( table_attr_str ) + str_to_wrap +
                                                              GetShadowEndStr   ( root_path, 1 ) );  }

function ShadSmEnd     ( root_path      ) {  document.write ( GetShadowEndStr   ( root_path, 0 ) );  }

function ShadSmWrapper ( root_path, 
                         table_attr_str, 
                         str_to_wrap)     {  document.write ( GetShadowBeginStr ( table_attr_str ) + str_to_wrap +
                                                              GetShadowEndStr   ( root_path, 0 ) );  }

function DisplayShadowedTitle ( root_path, title_str )
{
  if ( title_str == "" )
  {
    return;
  }

//document.write ( "<br>" );
//document.write ( "<center>" );

  document.write ( "<img src=\"" + root_path + "/images/spacer.gif\" height=5><br>" );

  ShadowBegin ( "width=100%" );

  document.write ( 

      "<table class=headtbl width=100%>"
    + "  <tr>"
    + "    <td class=h1_title align=center>" 
    +        title_str
    + "    </td>"
    + "  </tr>"
    + "</table>" );

  ShadowEnd   ( root_path );

//document.write ( "</center>" );
//document.write ( "<br>" );
  document.write ( "<img src=\"" + root_path + "/images/spacer.gif\" height=5><br>" );

}

function DisplaySeparatorTR ( root_path, col_span )
{
  document.write ( "<tr>" );
  document.write ( "  <td valign=top width=\"100%\" colspan=" + col_span + ">" );

  ShadSmWrapper  ( root_path, "width=\"100%\"", 
                       "<table width=\"100%\" cellpadding=0 cellspacing=0><tr><td class=td_hr></td></tr></table>" );

  document.write ( "  </td>" );
  document.write ( "</tr>" );
}

function DisplayBallButton ( root_path, btn_link, btn_type )
{
  ShadowBegin ( "" );

  document.write ( 

      "<a   href        = \"" + btn_link + "\""
    + "     onmouseover = \"btn_" + btn_type + ".src=\'" + root_path + "/images/ball_btns/" + btn_type + "_ovr.gif\';\""
    + "     onmouseout  = \"btn_" + btn_type + ".src=\'" + root_path + "/images/ball_btns/" + btn_type + "_std.gif\';\">"
    + "<img src   = \"" + root_path + "/images/ball_btns/" + btn_type + "_std.gif\" "
    + "     align = \"center\" border=\"0\""
    + "     name  = btn_" + btn_type + "></a>" );

  ShadowEnd ( root_path );
}

function DisplayGradMenuTR ( root_path, sel_str, btn_link, btn_text, col_span )
{
  document.write ( 

      "<TR>"
    + "<TD colspan     = " + col_span
    + "    class       = menutd_grad_btn background=\""  + root_path + "/images/gradient_bkg/large_" + sel_str +     ".gif\"" 
    + "    onclick     = \"window.location.href =\'"     + btn_link + "\'\"" 
    + "    onmouseover = \"this.style.background=\'url(" + root_path + "/images/gradient_bkg/large_" + sel_str + "_ovr.gif)\'\""
    + "    onmouseout  = \"this.style.background=\'url(" + root_path + "/images/gradient_bkg/large_" + sel_str +     ".gif)\'\"> " + btn_text + " </TD>"
    + "</TR>" );
}

function DisplayRelNotesLegend ( root_path )
{
  ShadowBegin ( "align=right" );

  document.write ( 

      "<table align=right cellpadding=0 cellspacing=0 class=headtbl>"
    + "<tr><td class=headtd>Legend</td></tr>"
    + "<tr><td style=\"padding:2px;\">"
    + "      <table>"
    + "        <tr><td style=\"padding:0;border:0;\"><img src=\"" + root_path + "/images/check-plus.gif\"></td><td style=\"padding:0;border:0;\" valign=middle>-&nbsp;Major Improvement  </td></tr>"
    + "        <tr><td style=\"padding:0;border:0;\"><img src=\"" + root_path + "/images/check-yes.gif\"> </td><td style=\"padding:0;border:0;\" valign=middle>-&nbsp;Added feature      </td></tr>"
    + "        <tr><td style=\"padding:0;border:0;\"><img src=\"" + root_path + "/images/check-star.gif\"></td><td style=\"padding:0;border:0;\" valign=middle>-&nbsp;Improvement/Change </td></tr>"
    + "        <tr><td style=\"padding:0;border:0;\"><img src=\"" + root_path + "/images/check-no.gif\">  </td><td style=\"padding:0;border:0;\" valign=middle>-&nbsp;Bug fixed          </td></tr>"
    + "      </table>"
    + "    </td>"
    + "</tr>"
    + "</table>" );

  ShadowEnd ( root_path );
}


function HelpPageStart ( page_title )
{
  document.write ( 

      "<TABLE width=732>"
    + "<TR>"
    + "<TD>"

    + "<IMG src=\"images/header.gif\" border=0>" );

  DisplayShadowedTitle ( '.', page_title );

  document.write ( 

      "</TD>"
    + "</TR>"
    + "<TR>"
    + "<TD style=\"padding:20;\">" );
}

function HelpPageEnd ()
{
  document.write ( 

      "</TD>"
    + "</TR>"
    + "<TD>" );

//document.write ( "<p>" );

  DisplayShadowedTitle ( '.', '<span style="font-size: 12;">Typus Help &nbsp; &copy; 2007 <A href="http://www.softario.com">Softario</A>.</span>' ); // -->

  document.write ( 

      "</TD>"
    + "</TR>"
    + "</TABLE>" );
}