$(document).ready(function(){

    // Hide all the tabs
    $(".tabcontent_inner>div").addClass('hidetab');


    // Set the default active tab
    $("#t1").removeClass('hidetab');
    $("#t1").addClass('displaytab');

    $(".tabContainerUl div a").hover(function (e) {
        e.preventDefault();

        // Hide all the tabs when the tab is clicked
        $(".tabcontent_inner>div").removeClass('displaytab');
        $(".tabcontent_inner>div").addClass('hidetab');

        // Display the clicked tab
        var hre=$(this).attr('href');
        $(hre).addClass('displaytab');

        // Remove all currently active tabs
        $('.tabContainerUl>div a').each(function(index) {
            $(this).removeClass('displayActive');
        });

        // Activate the clicked tab
        $(this).addClass('displayActive');
        
    });


//    ///////////////////////////////////////////////////
//
//    $(".domtabsddLong>div").addClass('hidetabLong');
//    $("#tl1").removeClass('hidetabLong');
//    $("#tl1").addClass('displaytabLong');
//
//    $(".tabContainerUlLong div a").click(function (e) {
//        e.preventDefault();
//
//        $(".domtabsddLong>div").removeClass('displaytabLong');
//        $(".domtabsddLong>div").addClass('hidetabLong');
//        var hre=$(this).attr('href');
//        $(hre).addClass('displaytabLong');
//
//        $('.tabContainerUlLong>div a').each(function(index) {
//            $(this).removeClass('displayActiveLong');
//        });
//
//        $(this).addClass('displayActiveLong');
//    });

    ///////////////////////////////////////////////////

//    $(".domtabsddLong>div").addClass('hidetabLong');
//    $("#b1").removeClass('hidetabLong');
//    $("#b1").addClass('displaytabLong');
//
//    $(".tabContainerUlLong div a").click(function (e) {
//        e.preventDefault();
//
//        $(".domtabsddLong>div").removeClass('displaytabLong');
//        $(".domtabsddLong>div").addClass('hidetabLong');
//        var hre=$(this).attr('href');
//        $(hre).addClass('displaytabLong');
//
//        $('.tabContainerUlLong>div a').each(function(index) {
//            $(this).removeClass('displayActiveLong');
//        });
//
//        $(this).addClass('displayActiveLong');
//    });

});