var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4");
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
function CheckUIElements(){
     var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;

     if ( bNetscape4plus ) {
             yMenuFrom   = document["divMenu"].top;
             yMenuTo     = top.pageYOffset + 20; 
     }
     else if ( bExplorer4plus ) {
             yMenuFrom   = parseInt (divMenu.style.top, 10);
             yMenuTo     = document.body.scrollTop + 5; 
     }

     timeoutNextCheck = 500;

     if ( Math.abs (yButtonFrom - (yMenuTo + 152)) < 6 && yButtonTo < yButtonFrom ) {
             setTimeout ("CheckUIElements()", timeoutNextCheck);
             return;
     }

     if ( yButtonFrom != yButtonTo ) {
             yOffset = Math.ceil( Math.abs( yButtonTo - yButtonFrom ) / 10 );
             if ( yButtonTo < yButtonFrom )
                     yOffset = -yOffset;

             if ( bNetscape4plus )
                     document["divLinkButton"].top += yOffset;
             else if ( bExplorer4plus )
                     divLinkButton.style.top = parseInt (divLinkButton.style.top, 10) + yOffset;

             timeoutNextCheck = 10;
     }
     if ( yMenuFrom != yMenuTo ) {
             yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 );
             if ( yMenuTo < yMenuFrom )
                     yOffset = -yOffset;

             if ( bNetscape4plus )
                     document["divMenu"].top += yOffset;
             else if ( bExplorer4plus )
                     divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;

             timeoutNextCheck = 10;
     }

     setTimeout ("CheckUIElements()", timeoutNextCheck);
}

function Banner_OnLoad()
{
     var y;
     if ( top.frames.length )
     if ( bNetscape4plus ) {
             document["divMenu"].top = top.pageYOffset + 50; 
             document["divMenu"].visibility = "visible";
     }
     else if ( bExplorer4plus ) {
             divMenu.style.top = document.body.scrollTop + 50; 
             divMenu.style.visibility = "visible";
     }
     CheckUIElements();
     return true;
}
window.onload=Banner_OnLoad;



document.write("<div id=divMenu ");
document.write("style=\"Z-INDEX: 10; LEFT: 870px; POSITION: absolute; TOP: 20px\">");
document.write("  <table width=\"136\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" background=\"/images/index/right_02.gif\">");
document.write("    <tr> ");
document.write("      <td><img src=\"/images/index/right_01.gif\" width=\"136\" height=\"23\"></td>");
document.write("    </tr>");
document.write("    <tr> ");
document.write("      <td class=\"right_back\"> ");
document.write("        <table width=\"136\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">");
document.write("          <tr> ");
document.write("            <td bgcolor=\"6691E9\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td> ");
document.write("              <div align=\"center\"><a href=\"/en/index.php\" class=\"bai\">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"/cn/slang.php?lang=cn\" class=\"bai\">Chinese</a></div>");
document.write("            </td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"A2C0FE\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"33569E\" class=\"bai\"> ");
document.write("              <div align=\"center\"><b><font color=\"#FFFF00\">Monitoring Diagnosis</font></b></div>");
document.write("            </td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"A2C0FE\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td> ");
document.write("              <div align=\"center\"><a href=\"/Monitoring/en_snow_ice.php\" class=\"bai\">Sea Ice & Snow Cover</a></div>");
document.write("            </td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"A2C0FE\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td> ");
document.write("              <div align=\"center\"><a href=\"/Monitoring/en_global_extreme_monitoring.php\" class=\"bai\">Global Extreme Weather and Climate Events</a></div>");
document.write("            </td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"A2C0FE\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td> ");
document.write("              <div align=\"center\"><a href=\"/Monitoring/en_enso.php\" class=\"bai\">El Nino/Southern Oscillation</a></div>");
document.write("            </td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"A2C0FE\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td> ");
document.write("              <div align=\"center\"><a href=\"/Monitoring/en_bulletin.php\" class=\"bai\">Climate System Monitoring Bulletin</a></div>");
document.write("            </td>");
document.write("          </tr>");
document.write("        </table>");
document.write("        <table width=\"136\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">");
document.write("          <tr> ");
document.write("            <td bgcolor=\"6691E9\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"33569E\" class=\"bai\"> ");
document.write("              <div align=\"center\"><b><font color=\"#FFFF00\">Climate Prediction</font></b></div>");
document.write("            </td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td> ");
document.write("              <div align=\"center\"><a href=\"/pred/en_md.php\" class=\"bai\">monthly</a> &nbsp; &nbsp;<a href=\"/pred/en_cs.php\" class=\"bai\">seasonal</a></div>");
document.write("            </td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"A2C0FE\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td><div align=\"center\" class=\"bai\">Verification( <a href=\"/check/en_index.php\" class=\"bai\">monthly</a> <a href=\"/check/en_testing.php\" class=\"bai\">seasonal</a> )</div></td>");
document.write("          </tr>");
document.write("        </table>");
document.write("        <table width=\"136\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">");
document.write("          <tr> ");
document.write("            <td bgcolor=\"6691E9\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"33569E\" class=\"bai\"> ");
document.write("              <div align=\"center\"><b><font color=\"#FFFF00\">Special Columns</font></b></div>");
document.write("            </td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"A2C0FE\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td> ");
document.write("              <div align=\"center\"><a href=\"/Monitoring/en_monsoon.php\" class=\"bai\">Monsoon</a> &nbsp; <a href=\"/influ/en_dust.php\" class=\"bai\">Drought</a> &nbsp; <a href=\"/gaowenrelang/en_index.php\" class=\"bai\">Hot Waves</a></div>");
document.write("            </td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"A2C0FE\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td><div align=\"center\"><a href=\"/station/en_extension.php\" class=\"bai\">Extented Range Process</a></div></td>");
document.write("          </tr>");

document.write("        </table>");
document.write("        <table width=\"136\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">");
document.write("          <tr> ");
document.write("            <td bgcolor=\"6691E9\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"33569E\" class=\"bai\"> ");
document.write("              <div align=\"center\"><b><font color=\"#FFFF00\">Data Center</font></b></div>");
document.write("            </td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"6691E9\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td> ");
document.write("              <div align=\"center\" class='bai'><a href=\"/nccdownload/en_index.php?ChannelID=1\" class=\"bai\">Observations</a> / <a href=\"/nccdownload/en_index.php?ChannelID=2\" class=\"bai\">Analysis Data</a> / <a href=\"/Website/index.php?ChannelID=121\" class=\"bai\">Model Output</a></div>");
document.write("            </td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td bgcolor=\"A2C0FE\" height=\"1\"></td>");
document.write("          </tr>");
document.write("          <tr> ");
document.write("            <td> ");
document.write("              <div align=\"center\" class='bai'><img src='/cn/page_view_chart.php'><br>Visits (the recent 100 days)</div>");
document.write("            </td>");
document.write("          </tr>");
document.write("        </table>");
document.write("      </td>");
document.write("    </tr>");
document.write("    <tr> ");
document.write("      <td background=\"/images/index/right_03.gif\" width=\"136\" height=\"36\" height='36'></td>");
document.write("    </tr>");
document.write("  </table>");
document.write("    <center> ");
document.write("      ");
document.write("    </center>");

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