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);hideNavi('04', 1);//hideNavi('05', 1);
  }
  if (strNavi=='02') {
   hideNavi('01', 1);hideNavi('03', 1);hideNavi('04', 1);//hideNavi('05', 1);
  }
  if (strNavi=='03') {
   hideNavi('01', 1);hideNavi('02', 1);hideNavi('04', 1);//hideNavi('05', 1);
  }
  if (strNavi=='04') {
   hideNavi('01', 1);hideNavi('02', 1);hideNavi('03', 1);//hideNavi('05', 1);
  }
  /*
  if (strNavi=='05') {
   hideNavi('01', 1);hideNavi('02', 1);hideNavi('03', 1);//hideNavi('04', 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
<!--div01 -->
  document.write('<div id="div-navi-01" onmouseover="showNavi(\'01\')" onmouseout="hideNavi(\'01\')">');
 document.write(' <table style="margin-left:2px" border="0" cellpadding="0" cellspacing="0" width="140">');
 document.write('  <tr><td onmouseover="hideNavi(\'01\')"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[0].imgOnC +'" alt="" width="65" height="29" border="0"></a></td></tr>');
 document.write('  <tr>');
 document.write('  <td bgcolor="#FFFFFF" class="flyout_td">');
 if (navi_1st[0]!= "") {
  for(i=0; i<navi_1st[0].navi_2nd.length; i++) 
  {    
   document.write('');
   document.write('<a href="' + navi_1st[0].navi_2nd[i].link + '" class="'+ navi_1st[0].style +'" target="_top">' + navi_1st[0].navi_2nd[i].text + '<br>');
  }
 }
 document.write('</td> ');
 document.write('</tr> ');
 document.write(' </table>');
 document.write('</div>'); 
<!--div02 -->
document.write('<div id="div-navi-02" onmouseover="showNavi(\'02\')" onmouseout="hideNavi(\'02\')">');
 document.write(' <table style="margin-left:2px" border="0" cellpadding="0" cellspacing="0" width="140">');
 document.write('  <tr><td onmouseover="hideNavi(\'02\')"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[1].imgOnC +'" alt="" width="62" height="29"  border="0"></a></td></tr>');
 document.write('  <tr>');
 document.write('  <td bgcolor="#FFFFFF" class="flyout_td">');
 if (navi_1st[1]!= "") {
  for(i=0; i<navi_1st[1].navi_2nd.length; i++) 
  {    
   document.write('');
   document.write('<a href="' + navi_1st[1].navi_2nd[i].link + '" class="'+ navi_1st[1].style +'" target="_top">' + navi_1st[1].navi_2nd[i].text + '<br>');
  }
 }
 document.write('</td> ');
 document.write('</tr> ');
 document.write(' </table>');
 document.write('</div>'); 
<!--div03 -->
document.write('<div id="div-navi-03" onmouseover="showNavi(\'03\')" onmouseout="hideNavi(\'03\')">');
 document.write(' <table style="margin-left:2px" border="0" cellpadding="0" cellspacing="0" width="140">');
 document.write('  <tr><td onmouseover="hideNavi(\'03\')"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[2].imgOnC +'" alt="" width="60" height="29"  border="0"></a></td></tr>');
 document.write('  <tr>');
 document.write('  <td bgcolor="#FFFFFF" class="flyout_td">');
 if (navi_1st[2]!= "") {
  for(i=0; i<navi_1st[2].navi_2nd.length; i++) 
  {    
   document.write('');
   document.write('<a href="' + navi_1st[2].navi_2nd[i].link + '" class="'+ navi_1st[2].style +'" target="_top">' + navi_1st[2].navi_2nd[i].text + '<br>');
  }
 }
 document.write('</td> ');
 document.write('</tr> ');
 document.write(' </table>');
 document.write('</div>'); 
 
 <!--div04 -->
 
document.write('<div id="div-navi-04" onmouseover="showNavi(\'04\')" onmouseout="hideNavi(\'04\')">');
 document.write(' <table style="margin-left:2px" border="0" cellpadding="0" cellspacing="0" width="140">');
 document.write('  <tr><td onmouseover="hideNavi(\'04\')"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[3].imgOnC +'" alt="" width="59" height="29"  border="0"></a></td></tr>');
 document.write('  <tr>');
 document.write('  <td bgcolor="#FFFFFF" class="flyout_td">');
 if (navi_1st[2]!= "") {
  for(i=0; i<navi_1st[3].navi_2nd.length; i++) 
  {    
   document.write('');
   document.write('<a href="' + navi_1st[3].navi_2nd[i].link + '" class="'+ navi_1st[3].style +'" target="_top">' + navi_1st[3].navi_2nd[i].text + '<br>');
  }
 }
 document.write('</td> ');
 document.write('</tr> ');
 document.write(' </table>');
 document.write('</div>'); 



// write the navi buttons
if (current_section == 0)
 navi_1st[0].show = false
else if (current_section == 1)
 navi_1st[1].show = false
else if (current_section == 2)
 navi_1st[2].show = false
else if (current_section == 3)
 navi_1st[3].show = false
else if (current_section == 4)
 navi_1st[4].show = false
document.write(' <table border="0" cellpadding="0" cellspacing="0"><tr>');
document.write('  <td>' + ((navi_1st[0].show && navi_1st[0] != '')?'<div class="div-navi" onmouseover="showNavi(\'01\',this.offsetLeft-2);"><a href="javascript:void(0);">':'') + '<img src="' + ((navi_1st[0] != '')?((current_section == 0)?navi_1st[0].imgOnC:navi_1st[0].imgOffC):'/images/spacer.gif') + '" alt="" width="65" height="29" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('  <td>' + ((navi_1st[1].show && navi_1st[1] != '')?'<div class="div-navi" onmouseover="showNavi(\'02\',this.offsetLeft-2);"><a href="javascript:void(0);">':'') + '<img src="' + ((navi_1st[1] != '')?((current_section == 1)?navi_1st[1].imgOnC:navi_1st[1].imgOffC):'/images/spacer.gif') + '" alt="" width="62" height="29" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('  <td>' + ((navi_1st[2].show && navi_1st[2] != '')?'<div class="div-navi" onmouseover="showNavi(\'03\',this.offsetLeft-2);"><a href="javascript:void(0);">':'') + '<img src="' + ((navi_1st[2] != '')?((current_section == 2)?navi_1st[2].imgOnC:navi_1st[2].imgOffC):'/images/spacer.gif') + '" alt="" width="60" height="29" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('  <td>' + ((navi_1st[3].show && navi_1st[3] != '')?'<div class="div-navi" onmouseover="showNavi(\'04\',this.offsetLeft-2);"><a href="javascript:void(0);">':'') + '<img src="' + ((navi_1st[3] != '')?((current_section == 3)?navi_1st[3].imgOnC:navi_1st[3].imgOffC):'/images/spacer.gif') + '" alt="" width="59" height="29" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write(' </tr></table>');
navi_on = true;
/** left navi **/
function writeLeftNavi() {
 document.write('<table border="0" cellpadding="0" cellspacing="0">');
 document.write('<tr><td colspan="2" style="height:10px;"></td></tr>');
 if (navi_1st[sel_navi_01]!= "") {
  for(i=0; i<navi_1st[sel_navi_01].navi_2nd.length; i++) {
   img_arrow = navi_1st[sel_navi_01].imgArrow;
   img_arrow_on ='/images/arrow_purple_10.gif';
   if (navi_1st[sel_navi_01].navi_2nd[i].sel)
    img_arrow = '/images/arrow_purple_10.gif';
   if (navi_1st[sel_navi_01].navi_2nd[i].sel && navi_1st[sel_navi_01].navi_2nd[i].navi_3rd.length > 0) {
    img_arrow = '/images/arrow_purple_10.gif';
    img_arrow_on ='/images/arrow_purple_10.gif';
   }
   
   document.write('<tr><td style="padding-top: 4px; padding-right: 6px;"><img src="' + img_arrow + '" alt="" width="6" height="10" border="0" name="navi_arrow_left_' + i + '"></td>');
   document.write('<td valign="bottom" style="padding-top: 3px;"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'navi_arrow_left_' + i + '\',\'\',\''+img_arrow_on+'\',1)" href="' + navi_1st[sel_navi_01].navi_2nd[i].link + '" class="'+((navi_1st[sel_navi_01].navi_2nd[i].sel)?navi_1st[sel_navi_01].style + '-sel2nd':navi_1st[sel_navi_01].style) +'">' + navi_1st[sel_navi_01].navi_2nd[i].text + '</a></td></tr>');
   if (navi_1st[sel_navi_01].navi_2nd[i].sel && navi_1st[sel_navi_01].navi_2nd[i].navi_3rd.length > 0) {
    document.write('<td>&nbsp;</td><td><table border="0" cellpadding="0" cellspacing="0">');
    for(j=0; j<navi_1st[sel_navi_01].navi_2nd[i].navi_3rd.length; j++) {
     document.write('<tr valign="top"><td style="padding-top: 3px;"><img src="' + ((navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].sel)?'/images/arrow_purple_6.gif':navi_1st[sel_navi_01].imgArrow_2nd) + '" alt="" width="4" height="6" hspace="3" vspace="3" border="0" name="navi_arrow_left_sub_' + j + '"></td>');
     document.write('<td><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'navi_arrow_left_sub_' + j + '\',\'\',\'/images/arrow_purple_6.gif\',1)" href="' + navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].link + '" class="'+((navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].sel)?navi_1st[sel_navi_01].style + '-sel':navi_1st[sel_navi_01].style) +'" style="font-size: 11px;">' + navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].text + '</a></td></tr>');
    }
    document.write('</table></td>');
   }             
  }
 }
 document.write('</table>');
 
 /* write left navi head image */
 var head_img = document.getElementById("left_navi_head");
 //alert(head_img);
 if (current_section == 0)
  head_img.src = "/images/navi_head_01.gif";
 else if (current_section == 1)
  head_img.src = "/images/navi_head_02.gif";
 else if (current_section == 2)
  head_img.src = "/images/navi_head_04.gif";
 else if (current_section == 3)
  head_img.src = "/images/navi_head_05.gif";
 else if (current_section == 4)
  head_img.src = "/images/navi_head_05.gif";
}