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)
  }
  if (strNavi=='02') {
   hideNavi('01', 1);hideNavi('03', 1);hideNavi('04', 1)
  }
  if (strNavi=='03') {
   hideNavi('01', 1);hideNavi('02', 1);hideNavi('04', 1)
  }
  if (strNavi=='04') {
   hideNavi('01', 1);hideNavi('02', 1);hideNavi('03', 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" width="124" cellpadding="0" cellspacing="0">');
 document.write('  <tr><td colspan="4"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[0].imgOnC +'" alt="" width="82" height="16" border="0"></a></td></tr>');
 document.write('  <tr><td colspan="4" style="border-bottom: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="107" height="3" border="0"></td></tr>');
 document.write('  <tr><td width="1" bgcolor="#FFFFFF" style="border-left: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="1" height="1" border="0"></td><td colspan="2" bgcolor="' + navi_1st[0].bgcolor + '"><img src="/images/spacer.gif" alt="" width="1" height="5" border="0"></td><td width="2" bgcolor="#FFFFFF" style="border-right: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" 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 + '"><td width="1" bgcolor="#FFFFFF" style="border-left: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="1" height="1" border="0"></td><td><img src="/images/spacer.gif" alt="" width="2" height="11" border="0"></td>');
   document.write('<td style="padding-top:1px;"><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><td width="2" bgcolor="#FFFFFF" style="border-right: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
  }
 }
 document.write('  <tr><td width="1" bgcolor="#FFFFFF" style="border-left: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="1" height="8" border="0"></td><td colspan="2" bgcolor="' + navi_1st[0].bgcolor + '"><img src="/images/spacer.gif" alt="" width="1" height="5" border="0"></td><td width="2" bgcolor="#FFFFFF" style="border-right: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
 document.write('  <tr><td colspan="4" bgcolor="#FF3333"><img src="/images/spacer.gif" alt="" width="1" height="1" 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" width="124" cellpadding="0" cellspacing="0">');
 document.write('  <tr><td colspan="4"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[1].imgOnC +'" alt="" width="94" height="16" border="0"></a></td></tr>');
 document.write('  <tr><td colspan="4" style="border-bottom: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="114" height="3" border="0"></td></tr>');
 document.write('  <tr><td width="2" bgcolor="#FFFFFF" style="border-left: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="1" height="5" border="0"></td><td colspan="2" bgcolor="' + navi_1st[1].bgcolor + '"><img src="/images/spacer.gif" alt="" width="1" height="5" border="0"></td><td width="2" bgcolor="#FFFFFF" style="border-right: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" 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="' + navi_1st[1].bgcolor + '"><td bgcolor="#FFFFFF" style="border-left: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="1" height="1" border="0"><td><img src="/images/spacer.gif" alt="" width="2" height="11" border="0"></td>');
   document.write('<td style="padding-right: 5px; padding-top:1px;"><a onmouseout="MM_swapImgRestore()" href="' + navi_1st[1].navi_2nd[i].link + '" class="'+ navi_1st[1].style +'" target="_top">' + navi_1st[1].navi_2nd[i].text + '</a></td><td bgcolor="#FFFFFF" style="border-right: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
  }
 }
 document.write('  <tr><td bgcolor="#FFFFFF" style="border-left: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="1" height="13" border="0"></td><td colspan="2" bgcolor="' + navi_1st[1].bgcolor + '"><img src="/images/spacer.gif" alt="" width="1" height="5" border="0"></td><td bgcolor="#FFFFFF" style="border-right: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></tr>');
 document.write('  <tr><td colspan="4" bgcolor="#FF3333"><img src="/images/spacer.gif" alt="" width="1" height="1" 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" width="124" cellpadding="0" cellspacing="0">');
 document.write('  <tr><td colspan="4"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[2].imgOnC +'" alt="" width="84" height="16" border="0"></a></td></tr>');
 document.write('  <tr><td colspan="4" style="border-bottom: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="106" height="3" border="0"></td></tr>');
 document.write('  <tr><td width="3" bgcolor="#FFFFFF" style="border-left: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="1" height="5" border="0"></td><td colspan="2" bgcolor="' + navi_1st[2].bgcolor + '"><img src="/images/spacer.gif" alt="" width="1" height="5" border="0"></td><td width="2" bgcolor="#FFFFFF" style="border-right: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" height="5" 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" style="border-left: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="1" height="1" border="0"></td><td><img src="/images/spacer.gif" alt="" width="1" height="11" border="0"></td>');
   document.write('<td style="padding-right: 5px; padding-top:1px;"><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><td bgcolor="#FFFFFF" style="border-right: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
  }
 }
 document.write('  <tr><td bgcolor="#FFFFFF" style="border-left: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="1" height="10" border="0"></td><td colspan="2" bgcolor="' + navi_1st[2].bgcolor + '"><img src="/images/spacer.gif" alt="" width="1" height="5" border="0"></td><td bgcolor="#FFFFFF" style="border-right: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
 document.write('  <tr><td colspan="4" bgcolor="#FF3333"><img src="/images/spacer.gif" alt="" width="1" height="1" 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" width="124" cellpadding="0" cellspacing="0">');
 document.write('  <tr><td colspan="4"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[3].imgOnC +'" alt="" width="82" height="16" border="0"></a></td></tr>');
 document.write('  <tr><td colspan="4" style="border-bottom: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="101" height="3" border="0"></td></tr>');
 document.write('  <tr><td width="2" bgcolor="#FFFFFF" style="border-left: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td><td colspan="2" bgcolor="' + navi_1st[3].bgcolor + '"><img src="/images/spacer.gif" alt="" width="1" height="5" border="0"></td><td width="2" bgcolor="#FFFFFF" style="border-right: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" 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="' + navi_1st[3].bgcolor + '"><td width="2" bgcolor="#FFFFFF" style="border-left: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td><td><img src="/images/spacer.gif" alt="" width="1" height="11" border="0"></td>');
   document.write('<td style="padding-top:1px;"><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><td width="2" bgcolor="#FFFFFF" style="border-right: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
  }
 }
 document.write('  <tr><td width="2" bgcolor="#FFFFFF" style="border-left: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td><td colspan="2" bgcolor="' + navi_1st[3].bgcolor + '"><img src="/images/spacer.gif" alt="" width="1" height="5" border="0"></td><td width="2" bgcolor="#FFFFFF" style="border-right: 1px solid #FF3333;"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
 document.write('  <tr><td colspan="4" bgcolor="#FF3333"><img src="/images/spacer.gif" alt="" width="2" height="1" 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
document.write(' <table border="0" cellpadding="0" cellspacing="0" width="470"><tr>');
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):'/images/spacer.gif') + '" alt="" width="82" height="16" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('  <td width="4" valign="bottom"><img src="/images/main_navi_separator.gif" border="0" width="4" height="12" 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):'/images/spacer.gif') + '" alt="" width="94" height="16" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('  <td width="4" valign="bottom"><img src="/images/main_navi_separator.gif" border="0" width="4" height="12" 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):'/images/spacer.gif') + '" alt="" width="84" height="16" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('  <td width="4" valign="bottom"><img src="/images/main_navi_separator.gif" border="0" width="4" height="12" 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):'/images/spacer.gif') + '" alt="" width="82" height="16" 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;"><img src="/images/spacer.gif" border="0" width="1" height="10" alt=""></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/fontargen_naviLev2_aktiv.gif';
   if (navi_1st[sel_navi_01].navi_2nd[i].sel)
    img_arrow = '/images/fontargen_naviLev2_aktiv.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/fontargen_naviLev2_aktiv.gif';
    img_arrow_on ='/images/fontargen_naviLev2_aktiv.gif';
   }
   
   document.write('<tr valign="top"><td style="padding-top: 3px; padding-right: 1px;"><img src="' + img_arrow + '" alt="" width="13" height="9" border="0" name="navi_arrow_left_' + i + '"></td>');
   document.write('<td><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: 1px;"><img src="' + ((navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].sel)?'/images/fontargen_navi_Lev34_aktiv.gif':navi_1st[sel_navi_01].imgArrow_2nd) + '" alt="" width="7" height="5" hspace="2" 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/fontargen_navi_Lev34_aktiv.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>');
     
     //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('<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++) {
       img_arrow = '/images/fontargen_navi_Lev34_aktiv.gif';
       img_arrow_on ='/images/fontargen_navi_Lev34_aktiv.gif';
       //if (sel_navi_04 != -1) {
       if (y == sel_navi_04) {
        document.write('<tr><td><img src="'+ img_arrow_on + '" alt="" width="8" height="6" border="0" id="arrow_4th_' + y + '"></td><td><a style="font-size: 11px;" class="navi-4th-level-sel" href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'arrow_4th_' + y + '\',\'\',\'/images/fontargen_navi_Lev34_aktiv.gif\',1)">'+navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].navi_4th[y].text+ '</a></td></tr>');
       }
       else {
        document.write('<tr><td><img src="'+ img_arrow + '" alt="" width="8" height="6" border="0" id="arrow_4th_' + y + '"></td><td><a style="font-size: 11px;" class="navi-4th-level" href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'arrow_4th_' + y + '\',\'\',\'/images/fontargen_navi_Lev34_aktiv.gif\',1)">'+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>');
   }             
  }
 }
 document.write('</table>');
 
 /* write left navi head image */
 var head_img = document.getElementById("left_navi_head");
 if (current_section == 0)
  head_img.src = "/images/navi_head_01.gif";
 else if (current_section == 1)
  head_img.src = "/images/navi_head_03.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";
}