$(function()
        {
            var tabData = $("#tabHeaders ");
            
            $('#tabSubHdr11 > ul ').addClass('ms-submenu-tab').show("fast").show("fast");

            $('#tabSubHdr11 ul + div ').removeClass('ms-submenu-tab-hide-show');
            $('#tabSubHdr11 ul + div ').addClass('ms-submenu-tab-right-show').show("fast");

            // by default show the first sub menu 
            $('#tabSubHdr11 [href]:first').removeClass('ms-leftmenu-hide-box').show("fast");
            $('#tabSubHdr11 [href]:first').addClass('ms-leftmenu-show-box').show("fast");

            // add the top border            
            
            var sizeli = $('#tabSubHdr11 [href]').size();
            
            //add the left border 63 px wide;

            var divShow;
            var divValue='#tabSubHdr01';
            
            $('#tabSubHdr11 li').mouseover(function() 
            {
                    divShow = 'tabSubHdr01' + ($(this).index() + 1);
                    divShowMinus1 = 'tabSubHdr01' + ($(this).index() - 1);

            // remove class *ms-submenu-tab-right-hide* and *ms-submenu-tab-right-show* on the right <div>
            // set again class *ms-submenu-tab-right-hide* on the right <div>             
                    $('#tabSubHdr11 ul ~ div ').removeClass('ms-submenu-tab-right-show');
                    $('#tabSubHdr11 ul ~ div ').removeClass('ms-submenu-tab-right-hide');
                    $('#tabSubHdr11 ul ~ div ').addClass('ms-submenu-tab-right-hide');

            // remove class *ms-leftmenu-hide-box* and *ms-leftmenu-show-box* on the left <li>
                    $('#tabSubHdr11 [id]').removeClass('ms-leftmenu-hide-box').show("fast");
                    $('#tabSubHdr11 [id]').removeClass('ms-leftmenu-show-box').show("fast");

            // set again class *ms-leftmenu-show-box* on the left <li>             
                    $('#tabSubHdr11 [id]').addClass('ms-leftmenu-hide-box').show("fast");
                    
            // remove class *ms-leftmenu-hide-box* for the selected <li>
                    $('[id='+ divShow + ']').removeClass('ms-leftmenu-hide-box').show("fast");
                   
            // set again class *ms-leftmenu-show-box* on the selected <li>             
                    $('[id='+ divShow + ']').addClass('ms-leftmenu-show-box').show("fast");

            // set again class *ms-submenu-tab-right-show* on the selected right side <div>             
                    $('.'+divShow).addClass('ms-submenu-tab-right-show');

            });

        });