var navi_on = true;
var timeout = new Array();
function showNavi(strNavi, strLeft) {
 if (navi_on) {
  clearTimeout(timeout[strNavi - 0]);
  selNavi = eval('document.getElementById("div-navi-' + strNavi + '")');
  if (strLeft)
   selNavi.style.left = strLeft;
  selNavi.style.visibility = 'visible';
  if (strNavi=='01') {
   hideNavi('02', 1);hideNavi('03', 1);
  }
  if (strNavi=='02') {
   hideNavi('01', 1);hideNavi('03', 1);
  }
  if (strNavi=='03') {
   hideNavi('01', 1);hideNavi('02', 1);
  }
 }
}
function hideNavi(strNavi, when) {
 if (navi_on) {
  if (when)
   hideIt(strNavi);
  else
   timeout[strNavi - 0] = setTimeout("hideIt('" + strNavi + "')", 200);
 }
}
function hideIt(strNavi) {
 selNavi = eval('document.getElementById("div-navi-' + strNavi + '")');
 selNavi.style.visibility = 'hidden';
}
// write the navi divs
document.write('<div id="div-navi-01" onmouseover="showNavi(\'01\')" onmouseout="hideNavi(\'01\')">');
document.write(' <table width="118" border="0" cellpadding="0" cellspacing="0">');
document.write('  <tr><td colspan="2"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[0].imgOnC +'" alt="" width="114" height="40" border="0"></a></td><td bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td></tr>');
document.write('  <tr><td colspan="2" bgcolor="#FFFFFF"><img src="./images/spacer.gif" alt="" width="114" height="4" border="0"></td><td bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td></tr>');
document.write('  <tr><td colspan="2" bgcolor="' + navi_1st[0].bgcolor_top + '"><img src="./images/spacer.gif" alt="" width="1" height="10" border="0"></td><td bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td></tr>');
if (navi_1st[0]!= "") {
 for(i=0; i<navi_1st[0].navi_2nd.length; i++) {     
  document.write('<tr valign="top" bgcolor="' + navi_1st[0].bgcolor_top + '"><td><img src="' + navi_1st[0].imgArrow_top + '" alt="" width="9" height="11" border="0" name="navi_arrow_0_' + i + '"></td>');
  document.write('<td style="padding-top:1px;"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'navi_arrow_0_' + i + '\',\'\',\'./images/arrow_start_navi_on.gif\',1)" href="' + navi_1st[0].navi_2nd[i].link + '" class="'+ navi_1st[0].style_top +'" target="_top">' + navi_1st[0].navi_2nd[i].text + '</a></td><td bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td></tr>');
 }
}
document.write('  <tr><td colspan="2" bgcolor="' + navi_1st[0].bgcolor_top + '"><img src="./images/spacer.gif" alt="" width="1" height="5" border="0"></td><td bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td></tr>');
document.write('  <tr><td colspan="3" bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="4" border="0"></td></tr>');
document.write(' </table>');
document.write('</div>');
document.write('<div id="div-navi-02" onmouseover="showNavi(\'02\')" onmouseout="hideNavi(\'02\')">');
document.write(' <table border="0" cellpadding="0" cellspacing="0">');
document.write('  <tr><td rowspan="3" bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td><td colspan="2"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[1].imgOnC +'" alt="" width="114" height="40" border="0"></a></td><td rowspan="3" bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td></tr>');
document.write('  <tr><td colspan="2" bgcolor="#FFFFFF"><img src="./images/spacer.gif" alt="" width="114" height="4" border="0"></td></tr>');
document.write('  <tr><td colspan="2" bgcolor="' + navi_1st[1].bgcolor_top + '"><img src="./images/spacer.gif" alt="" width="1" height="10" border="0"></td></tr>');
if (navi_1st[1]!= "") {
 for(i=0; i<navi_1st[1].navi_2nd.length; i++) {     
  document.write('<tr valign="top" bgcolor="' + navi_1st[1].bgcolor_top + '"><td bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"><td><img src="' + navi_1st[1].imgArrow_top + '" alt="" width="9" height="11" border="0" name="navi_arrow_1_' + i + '"></td>');
  document.write('<td style="padding-right: 5px; padding-top:1px;"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'navi_arrow_1_' + i + '\',\'\',\'./images/arrow_start_navi_on.gif\',1)" href="' + navi_1st[1].navi_2nd[i].link + '" class="'+ navi_1st[1].style_top +'" target="_top">' + navi_1st[1].navi_2nd[i].text + '</a></td><td bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td></tr>');
 }
}
document.write('  <tr><td bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td><td colspan="2" bgcolor="' + navi_1st[1].bgcolor_top + '"><img src="./images/spacer.gif" alt="" width="1" height="5" border="0"></td><td bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></tr>');
document.write('  <tr><td colspan="4" bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="4" border="0"></td></tr>');
document.write(' </table>');
document.write('</div>');
document.write('<div id="div-navi-03" onmouseover="showNavi(\'03\')" onmouseout="hideNavi(\'03\')">');
document.write(' <table border="0" cellpadding="0" cellspacing="0">');
document.write('  <tr><td rowspan="3" bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td><td colspan="2"><a href="' + navi_1st[2].link  + '" target="_top"><img src="'+ navi_1st[2].imgOnC +'" alt="" width="232" height="40" border="0"></a></td><td rowspan="3" bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td></tr>');
if (navi_1st[2]!= "") {
 for(i=0; i<navi_1st[2].navi_2nd.length; i++) {     
  document.write('<tr valign="top" bgcolor="' + navi_1st[2].bgcolor + '"><td bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td><td><img src="' + navi_1st[2].imgArrow + '" alt="" width="9" height="11" border="0" name="navi_arrow_2_' + i + '"></td>');
  document.write('<td style="padding-right: 5px; padding-top:1px;"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'navi_arrow_2_' + i + '\',\'\',\'./images/arrow_start_navi_on.gif\',1)" href="' + navi_1st[2].navi_2nd[i].link + '" class="'+ navi_1st[2].style +'" target="_top">' + navi_1st[2].navi_2nd[i].text + '</a></td><td bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td></tr>');
 }
}
document.write('  <tr><td colspan="4" bgcolor="#ffffff"><img src="./images/spacer.gif" alt="" width="4" height="4" border="0"></td></tr>');
document.write(' </table>');
document.write('</div>');

// write the navi buttons
if (sel_navi_01 == 0)
 navi_1st[0].show = false
else if (sel_navi_01 == 1)
 navi_1st[1].show = false
else if (sel_navi_01 == 2)
 navi_1st[2].show = false
else if (sel_navi_01 == 3)
 navi_1st[3].show = false
document.write(' <table border="0" cellpadding="0" cellspacing="0"><tr>');
document.write('  <td colspan="2">' + ((navi_1st[0].show && navi_1st[0] != '')?'<div class="div-navi" onmouseout="hideNavi(\'01\',1)" onmouseover="showNavi(\'01\',this.offsetLeft);"><a href="javascript:void(0);">':'') + '<img src="' + ((navi_1st[0] != '')?((sel_navi_01 == 0)?navi_1st[0].imgOnSel:navi_1st[0].imgOffC):'./images/spacer.gif') + '" alt="" width="232" height="40" border="0">' + ((navi_1st[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('  <td><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td>');
document.write('  <td colspan="2">' + ((navi_1st[1].show && navi_1st[1] != '')?'<div class="div-navi" onmouseout="hideNavi(\'02\',1)" onmouseover="showNavi(\'02\',this.offsetLeft-4);"><a href="javascript:void(0);">':'') + '<img src="' + ((navi_1st[1] != '')?((sel_navi_01 == 1)?navi_1st[1].imgOnSel:navi_1st[1].imgOffC):'./images/spacer.gif') + '" alt="" width="232" height="40" border="0">' + ((navi_1st[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('  <td><img src="./images/spacer.gif" alt="" width="4" height="1" border="0"></td>');
document.write('  <td colspan="2">' + ((navi_1st[2].show && navi_1st[2] != '')?'<div class="div-navi" onmouseover="showNavi(\'03\',this.offsetLeft-4);"><a href="' + navi_1st[2].link  + '">':'') + '<img src="' + ((navi_1st[2] != '')?((sel_navi_01 == 2)?navi_1st[2].imgOnSel:navi_1st[2].imgOffC):'./images/spacer.gif') + '" alt="" width="232" height="40" border="0">' + ((navi_1st[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write(' </tr></table>');
navi_on = true;