﻿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
 document.write('<div id="div-navi-01" onmouseover="showNavi(\'01\')" onmouseout="hideNavi(\'01\')">');
 document.write(' <table border="0" cellpadding="0" cellspacing="0" width="145">');
 document.write('  <tr><td colspan="4"><a href="javascript:void(0);" target="_top"><img src="'+navi_1st[0].imgOnC+'" alt="" width="130" height="28" border="0"></a></td></tr>');
 document.write('  <tr><td colspan="4"><img src="/images/navi_menu_top.gif" alt="" width="148" height="9" border="0"></td></tr>');
 document.write('  <tr><td colspan="4" bgcolor="#F4F4F4" style="border-left: 1px solid #035797; border-right: 1px solid #035797;"><img src="/images/spacer.gif" alt="" width="145" 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="#F4F4F4"><td colspan="4" bgcolor="#F4F4F4" style="border-left: 1px solid #035797; border-right: 1px solid #035797; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom:1px;">');
   if(typeof navi_1st[0].navi_2nd[i].target != "undefined" ){
        target = navi_1st[0].navi_2nd[i].target;
   }else{
        target = '_top';
   }
   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 + '</a></td></tr>');
  }
 }
 document.write('  <tr><td colspan="4"><img src="/images/navi_menu_bottom.gif" alt="" width="148" height="8" 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" width="145">');
 document.write('  <tr><td colspan="4"><a href="javascript:void(0);" target="_top"><img src="'+navi_1st[1].imgOnC+'" alt="" width="130" height="28" border="0"></a></td></tr>');
 document.write('  <tr><td colspan="4"><img src="/images/navi_menu_top.gif" alt="" width="148" height="9" border="0"></td></tr>');
 document.write('  <tr><td colspan="4" bgcolor="#F4F4F4" style="border-left: 1px solid #035797; border-right: 1px solid #035797;"><img src="/images/spacer.gif" alt="" width="145" height="1" 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="F4F4F4"><td colspan="4" bgcolor="#F4F4F4" style="border-left: 1px solid #035797; border-right: 1px solid #035797; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom:1px;">');
   if( typeof navi_1st[1].navi_2nd[i].target != "undefined"){
        target = navi_1st[1].navi_2nd[i].target;
   }else{
        target = '_top';
   }
   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 + '</a></td></tr>');
  }
 }
 document.write('  <tr><td colspan="4"><img src="/images/navi_menu_bottom.gif" alt="" width="148" height="8" 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" width="145">');
 document.write('  <tr><td colspan="4"><a href="javascript:void(0);" target="_top"><img src="'+navi_1st[2].imgOnC+'" alt="" width="130" height="28" border="0"></a></td></tr>');
 document.write('  <tr><td colspan="4"><img src="/images/navi_menu_top.gif" alt="" width="148" height="9" border="0"></td></tr>');
 document.write('  <tr><td colspan="4" bgcolor="#F4F4F4" style="border-left: 1px solid #035797; border-right: 1px solid #035797;"><img src="/images/spacer.gif" alt="" width="145" 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="#F4F4F4"><td colspan="4" bgcolor="#F4F4F4" style="border-left: 1px solid #035797; border-right: 1px solid #035797; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom:1px;">');
   if(typeof navi_1st[2].navi_2nd[i].target != "undefined"){
        target = navi_1st[2].navi_2nd[i].target;
   }else{
        target = '_top';
   }
   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 + '</a></td></tr>');
  }
 }
 document.write('  <tr><td colspan="4"><img src="/images/navi_menu_bottom.gif" alt="" width="148" height="8" border="0"></td></tr>');
 
 document.write(' </table>');
 document.write('</div>');
 document.write('<div id="div-navi-04" onmouseover="showNavi(\'04\')" onmouseout="hideNavi(\'04\')">');
 document.write(' <table border="0" cellpadding="0" cellspacing="0" width="145">');
 document.write('  <tr><td colspan="4"><a href="javascript:void(0);" target="_top"><img src="'+navi_1st[3].imgOnC+'" alt="Services" width="130" height="28" border="0"></a></td></tr>');
 document.write('  <tr><td colspan="4"><img src="/images/navi_menu_top.gif" alt="" width="148" height="9" border="0"></td></tr>');
 document.write('  <tr><td colspan="4" bgcolor="#F4F4F4" style="border-left: 1px solid #035797; border-right: 1px solid #035797;"><img src="/images/spacer.gif" alt="" width="145" height="1" border="0"></td></tr>');
 if (navi_1st[3]!= "") {
  for(i=0; i<navi_1st[3].navi_2nd.length; i++) {     
   document.write('<tr valign="top" bgcolor="#F4F4F4"><td colspan="4" bgcolor="#F4F4F4" style="border-left: 1px solid #035797; border-right: 1px solid #035797; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom:1px;">');
   if(typeof navi_1st[3].navi_2nd[i].target != "undefined"){
        target = navi_1st[3].navi_2nd[i].target;
   }else{
        target = '_top';
   }
   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 + '</a></td></tr>');
  }
 }
 document.write('  <tr><td colspan="4"><img src="/images/navi_menu_bottom.gif" alt="" width="148" height="8" border="0"></td></tr>');
 
 document.write(' </table>');
 document.write('</div>');
 
 document.write('<div id="div-navi-05" onmouseover="showNavi(\'05\')" onmouseout="hideNavi(\'05\')">');
 document.write(' <table border="0" cellpadding="0" cellspacing="0" width="145">');
 document.write('  <tr><td colspan="4"><a href="javascript:void(0);" target="_top"><img src="'+navi_1st[4].imgOnC+'" alt="Services" width="130" height="28" border="0"></a></td></tr>');
 document.write('  <tr><td colspan="4"><img src="/images/navi_menu_top.gif" alt="" width="148" height="9" border="0"></td></tr>');
 document.write('  <tr><td colspan="4" bgcolor="#F4F4F4" style="border-left: 1px solid #035797; border-right: 1px solid #035797;"><img src="/images/spacer.gif" alt="" width="145" height="1" border="0"></td></tr>');
 if (navi_1st[4]!= "") {
  for(i=0; i<navi_1st[4].navi_2nd.length; i++) {     
   document.write('<tr valign="top" bgcolor="#F4F4F4"><td colspan="4" bgcolor="#F4F4F4" style="border-left: 1px solid #035797; border-right: 1px solid #035797; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom:1px;">');
   if(typeof navi_1st[4].navi_2nd[i].target != "undefined"){
        target = navi_1st[4].navi_2nd[i].target;
   }else{
        target = '_top';
   }
   document.write('<a href="' + navi_1st[4].navi_2nd[i].link + '" class="'+ navi_1st[4].style +'" target="_top">' + navi_1st[4].navi_2nd[i].text + '</a></td></tr>');
  }
 }
 document.write('  <tr><td colspan="4"><img src="/images/navi_menu_bottom.gif" alt="" width="148" height="8" border="0"></td></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><img src="/images/spacer.gif" border="0" width="48" height="1" alt=""></td>');
document.write('  <td>' + ((navi_1st[0].show && navi_1st[0] != '')?'<div class="div-navi" onmouseover="showNavi(\'01\',this.offsetLeft-0);"><a href="javascript:void(0);">':'') + '<img src="' + ((navi_1st[0] != '')?((current_section == 0)?navi_1st[0].imgOnC:navi_1st[0].imgOffC):'spacer_navi.gif') + '" alt="" width="130" height="28" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('   <td><img src="/images/spacer.gif" border="0" width="5" height="1" alt=""></td>');
document.write('  <td>' + ((navi_1st[1].show && navi_1st[1] != '')?'<div class="div-navi" onmouseover="showNavi(\'02\',this.offsetLeft-0);"><a href="javascript:void(0);">':'') + '<img src="' + ((navi_1st[1] != '')?((current_section == 1)?navi_1st[1].imgOnC:navi_1st[1].imgOffC):'spacer_navi.gif') + '" alt="" width="130" height="28" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('   <td><img src="/images/spacer.gif" border="0" width="5" height="1" alt=""></td>');
document.write('  <td>' + ((navi_1st[2].show && navi_1st[2] != '')?'<div class="div-navi" onmouseover="showNavi(\'03\',this.offsetLeft-0);"><a href="javascript:void(0);">':'') + '<img src="' + ((navi_1st[2] != '')?((current_section == 2)?navi_1st[2].imgOnC:navi_1st[2].imgOffC):'spacer_navi.gif') + '" alt="" width="130" height="28" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('   <td><img src="/images/spacer.gif" border="0" width="5" height="1" alt=""></td>');
document.write('  <td>' + ((navi_1st[3].show && navi_1st[3] != '')?'<div class="div-navi" onmouseover="showNavi(\'04\',this.offsetLeft-0);"><a href="javascript:void(0);">':'') + '<img src="' + ((navi_1st[3] != '')?((current_section == 3)?navi_1st[3].imgOnC:navi_1st[3].imgOffC):'spacer_navi.gif') + '" alt="" width="130" height="28" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('   <td><img src="/images/spacer.gif" border="0" width="5" height="1" alt=""></td>');
document.write('  <td>' + ((navi_1st[4].show && navi_1st[4] != '')?'<div class="div-navi" onmouseover="showNavi(\'05\',this.offsetLeft-0);"><a href="javascript:void(0);">':'') + '<img src="' + ((navi_1st[4] != '')?((current_section == 4)?navi_1st[4].imgOnC:navi_1st[4].imgOffC):'spacer_navi.gif') + '" alt="" width="130" height="28" 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" width="190">');
 document.write('<tr><td colspan="2"><img src="/images/spacer.gif" border="0" width="1" height="5" alt=""></td></tr>');
 
 if (navi_1st[sel_navi_01]!= "") 
 {
//  for(i=0; i<navi_1st[sel_navi_01].navi_2nd.length-1; i++) 
  for(i=0; i<navi_1st[sel_navi_01].navi_2nd.length; i++) 
  {
   // 2nd level  
   if(typeof navi_1st[sel_navi_01].navi_2nd[i].target != "undefined")
   {
     target = navi_1st[sel_navi_01].navi_2nd[i].target;
   }
   else
   { 
     target = '_top';
   }
   if (i == sel_navi_02) 
   {
    document.write('<tr><td><a href="' + navi_1st[sel_navi_01].navi_2nd[i].link + '" class="navi-2nd-level-sel">' + navi_1st[sel_navi_01].navi_2nd[i].text + '</a></td></tr>');
   }
   else {
    document.write('<tr><td><div><a href="' + navi_1st[sel_navi_01].navi_2nd[i].link + '" class="navi-2nd-level">' + navi_1st[sel_navi_01].navi_2nd[i].text + '</a></div></td></tr>');
   }
   // 3rd level
   if (navi_1st[sel_navi_01].navi_2nd[i].sel && navi_1st[sel_navi_01].navi_2nd[i].navi_3rd.length > 0) 
   {
    document.write('<tr><td><table border="0" cellpadding="0" cellspacing="0">');
    for(j=0; j<navi_1st[sel_navi_01].navi_2nd[i].navi_3rd.length; j++) 
    {
     if (j == sel_navi_03) {
      document.write('<tr><td><a href="'  + navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].link + '" class="navi-3rd-level-sel">'  + navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].text + '</a></td></tr>');
     }
     else {
      document.write('<tr><td><a href="'  + navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].link + '" class="navi-3rd-level">'  + navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].text + '</a></td></tr>');
     }
     //4th level
     
     if (navi_1st[sel_navi_01].navi_2nd[sel_navi_02].navi_3rd[j].sel && navi_1st[sel_navi_01].navi_2nd[sel_navi_02].navi_3rd[j].navi_4th.length > 0) {
      document.write('<tr><td><table border="0" cellpadding="0" cellspacing="0">');
      for(y=0; y<navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].navi_4th.length; y++) 
      {
       if (y == sel_navi_04) {
        document.write('<tr><td><a class="navi-4th-level-sel" href="#">'+navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].navi_4th[y].text+ '</a></td></tr>');
       }
       else {
        document.write('<tr><td><a class="navi-4th-level" href="#">'+navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].navi_4th[y].text+ '</a></td></tr>');        
       }
      }
      document.write('</table>');
     }
     document.write('</td></tr>');
    
    }
    document.write('</table></td></tr>');
   }             
  }
 }
// for (i=navi_1st[sel_navi_01].navi_2nd.length-1; i<navi_1st[sel_navi_01].navi_2nd.length; i++) {
 for (i=navi_1st[sel_navi_01].navi_2nd.length; i<navi_1st[sel_navi_01].navi_2nd.length; i++) 
{
  // 2nd level
  if (current_section == 1) {
   document.write('<tr><td><img src="/images/spacer.gif" border="0" width="1" height="10" alt=""></td></tr>');
  }
  else {
   document.write('<tr><td><img src="/images/spacer.gif" border="0" width="1" height="1" alt=""></td></tr>');
  }
  if (i == sel_navi_02) {
   document.write('<tr><td><a href="' + navi_1st[sel_navi_01].navi_2nd[i].link + '" class="navi-2nd-level-sel">' + navi_1st[sel_navi_01].navi_2nd[i].text + '</a></td></tr>');
  }
  else {
   document.write('<tr><td><div><a href="' + navi_1st[sel_navi_01].navi_2nd[i].link + '" class="navi-2nd-level">' + navi_1st[sel_navi_01].navi_2nd[i].text + '</a></div></td></tr>');
  }
 }
 
 document.write('</table>');
 
 //write left navi header image
 if (current_section == 0) {
  document.getElementById("navi_header").innerHTML = "<p>Company <p>";
 }
 else if (current_section == 1) {
  document.getElementById("navi_header").innerHTML = "<p>Market Segments<p>";
 }
 else if (current_section == 2) {
  document.getElementById("navi_header").innerHTML = "<p>Products<p>";
 }
 else if (current_section == 3) {
  document.getElementById("navi_header").innerHTML = "<p>Our Plant<p>";
 }
 else if (current_section == 4) {
  document.getElementById("navi_header").innerHTML = "<p>Contacts<p>";
 }
}

function write4thLevelNavi() {
}
