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">');
    document.write('    <table border="0" cellpadding="0" cellspacing="0"><tr><td><a href="' + navi_1st[0].navi_2nd[0].link + '" onmouseover="showNavi(\'01\')" onmouseout="hideNavi(\'01\')" target="_top"><img src="'+navi_1st[0].imgOnC+'" alt="" height="34" border="0"></a></td></tr></table>');
    document.write('    <table border="0" cellpadding="0" cellspacing="0" width="161" onmouseover="showNavi(\'01\')" onmouseout="hideNavi(\'01\')">');
//    document.write('        <tr><td colspan="4"><a href="' + navi_1st[0].navi_2nd[0].link + '" target="_top"><img src="'+navi_1st[0].imgOnC+'" alt="" height="34" border="0"></a></td></tr>');
    
    document.write('        <tr><td colspan="4" bgcolor="#EBEBEB" style="border-left: 1px solid #FFE91A; border-right: 1px solid #FFE91A; border-top: 2px solid #FFE91A;"><img src="/images/spacer.gif" alt="" width="146" height="1" border="0"></td></tr>');
    document.write('<tr><td bgcolor="#EBEBEB" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB;"><img src="/images/spacer.gif" alt="" width="160" 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="#EBEBEB"><td colspan="4" bgcolor="#EBEBEB" onMouseOver="this.bgColor=\'#FFE91A\'" onMouseOut="this.bgColor=\'#EBEBEB\'" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; 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="#EBEBEB" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB;"><img src="/images/spacer.gif" border="0" width="1" height="2" alt=""></td></tr>');
        }
    }
    if (''){
        document.write('<tr><td></td></tr>');
    }else{
        document.write('<tr><td><img src="/images/navi_bottom.gif" border="0" width="161" height="5" alt=""></td></tr>');
    }
    document.write('    </table>');
    document.write('</div>');

    document.write('<div id="div-navi-02">');
    document.write('    <table border="0" cellpadding="0" cellspacing="0"><tr><td><a href="' + navi_1st[1].navi_2nd[0].link + '" onmouseover="showNavi(\'02\')" onmouseout="hideNavi(\'02\')" target="_top"><img src="'+navi_1st[1].imgOnC+'" alt="" height="34" border="0"></a></td></tr></table>');
    document.write('    <table border="0" cellpadding="0" cellspacing="0" width="161" onmouseover="showNavi(\'02\')" onmouseout="hideNavi(\'02\')">');
//    document.write('        <tr><td colspan="4"><a href="' + navi_1st[1].navi_2nd[0].link + '" target="_top"><img src="'+navi_1st[1].imgOnC+'" alt="" height="34" border="0"></a></td></tr>');
    
    document.write('        <tr><td colspan="4" bgcolor="#EBEBEB" style="border-left: 1px solid #FFE91A; border-right: 1px solid #FFE91A; border-top: 2px solid #FFE91A;"><img src="/images/spacer.gif" alt="" width="146" height="1" border="0"></td></tr>');
    document.write('<tr><td bgcolor="#EBEBEB" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB;"><img src="/images/spacer.gif" alt="" width="160" 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="EBEBEB"><td colspan="4" bgcolor="#EBEBEB" onMouseOver="this.bgColor=\'#FFE91A\'" onMouseOut="this.bgColor=\'#EBEBEB\'" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; 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="#EBEBEB" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB;"><img src="/images/spacer.gif" border="0" width="1" height="2" alt=""></td></tr>');
        }
    }
    if (''){
        document.write('<tr><td></td></tr>');
    }else{
        document.write('<tr><td><img src="/images/navi_bottom.gif" border="0" width="161" height="5" alt=""></td></tr>');
    }
    document.write('    </table>');
    document.write('</div>');
    document.write('<div id="div-navi-03">');
    document.write('    <table border="0" cellpadding="0" cellspacing="0"><tr><td><a href="' + navi_1st[2].navi_2nd[0].link + '" onmouseover="showNavi(\'03\')" onmouseout="hideNavi(\'03\')" target="_top"><img src="'+navi_1st[2].imgOnC+'" alt="" height="34" border="0"></a></td></tr></table>');
    document.write('    <table border="0" cellpadding="0" cellspacing="0" width="161" onmouseover="showNavi(\'03\')" onmouseout="hideNavi(\'03\')">');
//    document.write('        <tr><td colspan="4"><a href="' + navi_1st[2].navi_2nd[0].link + '" target="_top"><img src="'+navi_1st[2].imgOnC+'" alt="" height="34" border="0"></a></td></tr>');
    
    document.write('        <tr><td colspan="4" bgcolor="#EBEBEB" style="border-left: 1px solid #FFE91A; border-right: 1px solid #FFE91A; border-top: 2px solid #FFE91A;"><img src="/images/spacer.gif" alt="" width="146" height="1" border="0"></td></tr>');
    document.write('<tr><td bgcolor="#EBEBEB" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB;"><img src="/images/spacer.gif" alt="" width="160" 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="#EBEBEB"><td colspan="4" bgcolor="#EBEBEB" onMouseOver="this.bgColor=\'#FFE91A\'" onMouseOut="this.bgColor=\'#EBEBEB\'" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; 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="#EBEBEB" style="border-left: 1px solid #CCCCCC; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB;"><img src="/images/spacer.gif" border="0" width="1" height="2" alt=""></td></tr>');
        }
    }
    if (''){
        document.write('<tr><td></td></tr>');
    }else{
        document.write('<tr><td><img src="/images/navi_bottom.gif" border="0" width="161" height="5" alt=""></td></tr>');
    }
    document.write('    </table>');
    document.write('</div>');
    
    
    document.write('<div id="div-navi-04">');
    document.write('    <table border="0" cellpadding="0" cellspacing="0"><tr><td><a href="' + navi_1st[3].navi_2nd[0].link + '" onmouseover="showNavi(\'04\')" onmouseout="hideNavi(\'04\')" target="_top"><img src="'+navi_1st[3].imgOnC+'" alt="" height="34" border="0"></a></td></tr></table>');
    document.write('    <table border="0" cellpadding="0" cellspacing="0" width="160" onmouseover="showNavi(\'04\')" onmouseout="hideNavi(\'04\')">');
//    document.write('        <tr><td colspan="4"><a href="' + navi_1st[3].navi_2nd[0].link + '" target="_top"><img src="'+navi_1st[3].imgOnC+'" alt="" height="34" border="0"></a></td></tr>');
    
    document.write('        <tr><td colspan="4" bgcolor="#EBEBEB" style="border-left: 1px solid #FFE91A; border-right: 1px solid #FFE91A; border-top: 2px solid #FFE91A;"><img src="/images/spacer.gif" alt="" width="146" height="1" border="0"></td></tr>');
    document.write('<tr><td bgcolor="#EBEBEB" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB;"><img src="/images/spacer.gif" alt="" width="160" height="5" 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="#EBEBEB"><td colspan="4" bgcolor="#EBEBEB" onMouseOver="this.bgColor=\'#FFE91A\'" onMouseOut="this.bgColor=\'#EBEBEB\'" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px;">');
            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" bgcolor="#EBEBEB" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB;"><img src="/images/spacer.gif" border="0" width="1" height="2" alt=""></td></tr>');
        }
    }
    if ('/images/navi_bottom4.gif'){
        document.write('<tr><td><img src="/images/navi_bottom4.gif" border="0" height="5" alt=""></td></tr>');
    }else{
        document.write('<tr><td><img src="/images/navi_bottom.gif" border="0" width="161" height="5" alt=""></td></tr>');
    }
    document.write('    </table>');
    document.write('</div>');
    
    
    
    document.write('<div id="div-navi-05">');
    document.write('    <table border="0" cellpadding="0" cellspacing="0"><tr><td><a href="' + navi_1st[4].navi_2nd[0].link + '" onmouseover="showNavi(\'05\')" onmouseout="hideNavi(\'05\')" target="_top"><img src="'+navi_1st[4].imgOnC+'" alt="" height="34" border="0"></a></td></tr></table>');
    document.write('    <table border="0" cellpadding="0" cellspacing="0" width="161" onmouseover="showNavi(\'05\')" onmouseout="hideNavi(\'05\')">');
//    document.write('        <tr><td colspan="4"><a href="' + navi_1st[4].navi_2nd[0].link + '" target="_top"><img src="'+navi_1st[4].imgOnC+'" alt="" height="34" border="0"></a></td></tr>');
    
    document.write('        <tr><td colspan="4" bgcolor="#EBEBEB" style="border-left: 1px solid #FFE91A; border-right: 1px solid #FFE91A; border-top: 2px solid #FFE91A;"><img src="/images/spacer.gif" alt="" width="146" height="1" border="0"></td></tr>');
    document.write('<tr><td bgcolor="#EBEBEB" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB;"><img src="/images/spacer.gif" alt="" width="160" height="5" 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="#EBEBEB"><td colspan="4" bgcolor="#EBEBEB" onMouseOver="this.bgColor=\'#FFE91A\'" onMouseOut="this.bgColor=\'#EBEBEB\'" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px;">');
            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" bgcolor="#EBEBEB" style="border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB;"><img src="/images/spacer.gif" border="0" width="1" height="2" alt=""></td></tr>');
        }
    }
    if (''){
        document.write('<tr><td></td></tr>');
    }else{
        document.write('<tr><td><img src="/images/navi_bottom.gif" border="0" width="161" 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
else if (current_section == 3)
    navi_1st[3].show = false
else if (current_section == 4)
    navi_1st[4].show = false

// position navi on pag
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-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="" height="34" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('        <td><img src="/images/spacer.gif" border="0" width="20" 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="" height="34" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('        <td><img src="/images/spacer.gif" border="0" width="20" 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="" height="34" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('        <td><img src="/images/spacer.gif" border="0" width="20" 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="" height="34" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('        <td><img src="/images/spacer.gif" border="0" width="20" 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="" height="34" 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="250">');
    
    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 && sel_navi_03 == -1 && sel_navi_04 == -1) {
                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: 250px; padding: 2px 0 2px 0;"><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" width="250">');
                for(j=0; j<navi_1st[sel_navi_01].navi_2nd[i].navi_3rd.length; j++) {
                    if (j == sel_navi_03  && sel_navi_04 == -1) {
                        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" width="250">');
                        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].link+'">'+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>');
                    }
                    document.write('</td></tr>');
                
                }
                document.write('</table></td></tr>');
            }                                                    
        }
    }
    document.write('</table>');
}