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" cellpadding="0" cellspacing="0" width="144">');
    document.write('        <tr><td width="2" bgcolor="#CCCCCC"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td><td colspan="2"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[0].imgOnC +'" alt="" width="90" height="33" border="0"></a></td><td width="2"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
    document.write('        <tr><td colspan="4" bgcolor="#FFFFFF"><img src="/images/spacer.gif" alt="" width="90" height="2" border="0"></td></tr>');
    document.write('        <tr><td width="2" bgcolor="#FFFFFF"><img src="/images/spacer.gif" alt="" width="2" 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"><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="2" bgcolor="#FFFFFF"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td><td><img src="/images/spacer.gif" alt="" width="4" 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"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
        }
    }
    document.write('        <tr><td width="2" bgcolor="#FFFFFF"><img src="/images/spacer.gif" alt="" width="2" 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"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
    document.write('        <tr><td colspan="4" bgcolor="#ffffff"><img src="/images/spacer.gif" alt="" width="2" height="2" 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="124">');
    document.write('        <tr><td bgcolor="#CCCCCC"><img src="/images/spacer.gif" alt="" width="1" height="1" border="0"></td><td colspan="2"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[1].imgOnC +'" alt="" width="122" height="33" border="0"></a></td><td bgcolor="#CCCCCC"><img src="/images/spacer.gif" alt="" width="1" height="1" border="0"></td></tr>');
    document.write('        <tr><td colspan="4" bgcolor="#FFFFFF"><img src="/images/spacer.gif" alt="" width="122" height="2" border="0"></td></tr>');
    document.write('        <tr><td width="2" bgcolor="#FFFFFF"><img src="/images/spacer.gif" alt="" width="2" 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"><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"><img src="/images/spacer.gif" alt="" width="1" height="1" border="0"><td><img src="/images/spacer.gif" alt="" width="4" 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"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
        }
    }
    document.write('        <tr><td bgcolor="#ffffff"><img src="/images/spacer.gif" alt="" width="2" height="1" 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"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></tr>');
    document.write('        <tr><td colspan="4" bgcolor="#ffffff"><img src="/images/spacer.gif" alt="" width="2" height="2" 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="124">');
    document.write('        <tr><td bgcolor="#CCCCCC"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td><td colspan="2"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[2].imgOnC +'" alt="" width="98" height="33" border="0"></a></td><td bgcolor="#CCCCCC"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
    document.write('        <tr><td colspan="4" bgcolor="#FFFFFF"><img src="/images/spacer.gif" alt="" width="98" height="2" border="0"></td></tr>');
    document.write('        <tr><td width="2" bgcolor="#FFFFFF"><img src="/images/spacer.gif" alt="" width="2" 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"><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"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td><td><img src="/images/spacer.gif" alt="" width="4" 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"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
        }
    }
    document.write('        <tr><td bgcolor="#ffffff"><img src="/images/spacer.gif" alt="" width="2" height="1" 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"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
    document.write('        <tr><td colspan="4" bgcolor="#ffffff"><img src="/images/spacer.gif" alt="" width="2" height="2" 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="124">');
    document.write('        <tr><td bgcolor="#CCCCCC"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td><td colspan="2"><a href="javascript:void(0);" target="_top"><img src="'+ navi_1st[3].imgOnC +'" alt="" width="110" height="33" border="0"></a></td><td bgcolor="#CCCCCC"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
    document.write('        <tr><td colspan="4" bgcolor="#FFFFFF"><img src="/images/spacer.gif" alt="" width="110" height="2" border="0"></td></tr>');
    document.write('        <tr><td width="2" bgcolor="#FFFFFF"><img src="/images/spacer.gif" alt="" width="2" height="5" 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"><img src="/images/spacer.gif" alt="" width="2" 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="' + navi_1st[3].bgcolor + '"><td bgcolor="#ffffff"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td><td><img src="/images/spacer.gif" alt="" width="4" height="11" border="0"></td>');
            document.write('<td style="padding-right: 5px; 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 bgcolor="#ffffff"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
        }
    }
    document.write('        <tr><td bgcolor="#ffffff"><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 bgcolor="#ffffff"><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td></tr>');
    document.write('        <tr><td colspan="4" bgcolor="#ffffff"><img src="/images/spacer.gif" alt="" width="2" height="2" 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>' + ((navi_1st[0].show && navi_1st[0] != '')?'<div class="div-navi" onmouseover="showNavi(\'01\',this.offsetLeft-2);"><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="90" height="33" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('        <td><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td>');
document.write('        <td>' + ((navi_1st[1].show && navi_1st[1] != '')?'<div class="div-navi" onmouseover="showNavi(\'02\',this.offsetLeft-2);"><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="122" height="33" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('        <td><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td>');
document.write('        <td>' + ((navi_1st[2].show && navi_1st[2] != '')?'<div class="div-navi" onmouseover="showNavi(\'03\',this.offsetLeft-2);"><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="98" height="33" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('        <td><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td>');
document.write('        <td>' + ((navi_1st[3].show && navi_1st[3] != '')?'<div class="div-navi" onmouseover="showNavi(\'04\',this.offsetLeft-2);"><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="110" height="33" border="0">' + ((navi_1st_t[0].show && navi_1st[0] != '')?'</a>':'') + '</div></td>');
document.write('        <td><img src="/images/spacer.gif" alt="" width="2" height="1" border="0"></td>');
document.write('    </tr></table>');

navi_on = true;


/** left navi **/

function writeLeftNavi() {
    document.write('<table border="0" cellpadding="0" cellspacing="0" width="177" style="width:177px; margin-left:12px;">');
    document.write('<tr><td colspan="2" style="height:10px;"></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/arrow_navi_on_9.gif';
            if (navi_1st[sel_navi_01].navi_2nd[i].sel)
                img_arrow = '/images/arrow_navi_on_9.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/arrow_navi_on_9.gif';
                img_arrow_on ='/images/arrow_navi_on_9.gif';
            }
            
            document.write('<tr valign="top"><td style="width:13px; padding-top: 3px; padding-right: 3px;"><img src="' + img_arrow + '" alt="" width="9" height="7" 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: 2px;"><img src="' + ((navi_1st[sel_navi_01].navi_2nd[i].navi_3rd[j].sel)?'/images/arrow_navi_on_6.gif':navi_1st[sel_navi_01].imgArrow_2nd) + '" alt="" width="6" height="5" hspace="3" 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/arrow_navi_on_6.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></td></tr>');
                }
                document.write('</table></td>');
            }                                                    
        }
    }
    document.write('</table>');
    
    /* write left navi head image */
    var head_img = document.getElementById("left_navi_head");
    //alert(head_img);
    if (current_section == 0)
        head_img.src = "/images/navi_head_01.gif";
    else if (current_section == 1)
        head_img.src = "/images/navi_head_02.gif";
    else if (current_section == 2)
        head_img.src = "/images/navi_head_03.gif";
    else if (current_section == 3)
        head_img.src = "/images/navi_head_04.gif";
    else if (current_section == 4)
        head_img.src = "/images/spacer.gif";
}