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 border="0" cellpadding="0" cellspacing="0" width="160">');
    document.write('        <tr><td colspan="4"><a href="javascript:void(0);" target="_top"><img src="'+navi_1st[0].imgOnC+'" alt="" width="78" height="9" border="0"></a></td></tr>');
    
    document.write('        <tr><td colspan="4"><img src="/images/spacer.gif" border="0" width="1" height="5" alt=""></td></tr>');
    document.write('        <tr><td colspan="4" bgcolor="#FFFFFF" style="border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;"><img src="/images/spacer.gif" alt="" width="146" height="5" 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="#FFFFFF"><td colspan="4" bgcolor="#FFFFFF" style="border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px;">');
            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" bgcolor="#FFFFFF" style="border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;"><img src="/images/spacer.gif" border="0" width="1" height="5" alt=""></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="160">');
    document.write('        <tr><td colspan="4"><a href="javascript:void(0);" target="_top"><img src="'+navi_1st[1].imgOnC+'" alt="" width="88" height="9" border="0"></a></td></tr>');
    
    document.write('        <tr><td colspan="4"><img src="/images/spacer.gif" border="0" width="1" height="5" alt=""></td></tr>');
    document.write('        <tr><td colspan="4" bgcolor="#FFFFFF" style="border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;"><img src="/images/spacer.gif" alt="" width="146" height="5" 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="FFFFFF"><td colspan="4" bgcolor="#FFFFFF" style="border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px;">');
            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" bgcolor="#FFFFFF" style="border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;"><img src="/images/spacer.gif" border="0" width="1" height="5" alt=""></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="160">');
    document.write('        <tr><td colspan="4"><a href="javascript:void(0);" target="_top"><img src="'+navi_1st[2].imgOnC+'" alt="" width="68" height="9" border="0"></a></td></tr>');
    
    document.write('        <tr><td colspan="4"><img src="/images/spacer.gif" border="0" width="1" height="5" alt=""></td></tr>');
    document.write('        <tr><td colspan="4" bgcolor="#FFFFFF" style="border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;"><img src="/images/spacer.gif" alt="" width="146" 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="#FFFFFF"><td colspan="4" bgcolor="#FFFFFF" style="border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px;">');
            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" bgcolor="#FFFFFF" style="border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;"><img src="/images/spacer.gif" border="0" width="1" height="5" alt=""></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
// position navi on page
var left_pos = 0;
if (current_section == -1) {
    left_pos = 130;
}
else {
    left_pos = 255;    
}
document.write('    <table border="0" cellpadding="0" cellspacing="0"><tr>');
document.write('        <td><img src="/images/spacer.gif" border="0" width="'+left_pos+'" 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="78" height="9" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('        <td><img src="/images/spacer.gif" border="0" width="90" 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="88" height="9" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('        <td><img src="/images/spacer.gif" border="0" width="90" 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="68" height="9" 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="160">');
    document.write('<tr><td colspan="2"><img src="..//images/spacer.gif" border="0" width="1" height="15" alt=""></td></tr>');
    
    if (navi_1st[sel_navi_01]!= "") {
        for(i=0; i<navi_1st[sel_navi_01].navi_2nd.length; i++) {
            // 2nd level
            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 style="width: 168px;"><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].link + '">'+navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].navi_4th[y].text+ '</a></td></tr>');                                
                            }
                        }
                        document.write('</table></td></tr>');
                    }
                }
                document.write('</table></td></tr>');
            }                                                    
        }
    }
    document.write('</table>');
    
    //write left navi header image
    if (current_section == 0) {
        document.getElementById("head_image").setAttribute("src","/images/navi_head_1.jpg");
    }
    else if (current_section == 1) {
        document.getElementById("head_image").setAttribute("src","/images/navi_head_2.gif");
    }
    else if (current_section == 2) {
        document.getElementById("head_image").setAttribute("src","/images/navi_head_3.gif");
    }
}