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 + '" onmouseover="showNavi(\'01\')" onmouseout="hideNavi(\'01\')" 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 #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 2px solid #CCCCCC;"><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 #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 2px solid #CCCCCC;"><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 #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 2px solid #CCCCCC;"><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="161" 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 #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 2px solid #CCCCCC;"><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>');
    
    
if(!''){    
    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" 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 #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 2px solid #CCCCCC;"><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>');
if(!''){
    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;