//<!--

/**
 * Obsluga Tabs Menu
 */
function manipulateTabsMenu(sectionToShow) {

    var obSubsectionHolder = document.getElementById('subSectionHolder');
    var obSubsectionDivs = obSubsectionHolder. getElementsByTagName('DIV');

    var re = /^subSection_/;
    var currentDiv;
    var active = null;
    for(a in obSubsectionDivs) {
        currentDiv = obSubsectionDivs[a];
        if(currentDiv && currentDiv.id && currentDiv.id.search(re) != -1) {
            if(currentDiv.id == sectionToShow) {
                //currentDiv.style.display='block';
                active = currentDiv.id;
                }
            else {
                currentDiv.style.display='none';
            }
        }
    }

    if(active) {
        //Effect.SlideDown(active);
        //Effect.Appear(active);
        //Effect.BlindDown(active);
        //Effect.Pulsate(active);
        //Effect.Shake(active);
        document.getElementById(active).style.display='block';
    }

}



/*
<!-- Tab menu holder -->
<table cellpadding="1" ceccspacing="0" border="0" width="100%">
<tr>
    <td colspan="3" onmouseover="manipulateTabsMenu('subSection_1');"></td>
</tr>
<tr>
    <td onmouseover="manipulateTabsMenu('subSection_1');"></td>
    <td>

        <!-- Main section -->
        <div id="mainSectionHolder">
            <span onmouseover="manipulateTabsMenu('subSection_1');">sec1</span>
            <span onmouseover="manipulateTabsMenu('subSection_2');">sec2</span>
            <span onmouseover="manipulateTabsMenu('subSection_3');">sec3</span>
        </div>
        <!-- EDN :: Main section -->

        <!-- Subsection -->
        <div id="subSectionHolder">

            <div " id="subSection_1" style="display:none;">
            <a href="">aa</a> <a href="">bb</a>
            </div>

            <div id="subSection_2" style="display:none;">
            <a href="">cc</a> <a href="">dd</a>
            </div>

            <div id="subSection_3" style="display:none;">
                <a href="">ff</a> <a href="">gg</a>
            </div>

        </div>
        <!-- END :: Subsection -->

        <!-- Init menu tabs -->
        <script type="text/javascript">manipulateTabsMenu('subSection_1');</script>

    </td>
    <td onmouseover="manipulateTabsMenu('subSection_1');"></td>
</tr>
<tr>
    <td colspan="3"onmouseover="manipulateTabsMenu('subSection_1');"></td>
</tr>
</table>
<!-- END :: Tab menu holder -->

*/

//-->