jquery tabs

jquery tabs

Hi
Below is my java script code,this is working fine,but i want to reduce the no of lines of code.i want to use it without hardcoding like (menu1,menu2.........etc) the click function also should not hardcode......


$(document).ready(function() {
    $(".jstest").roundedCorners({ wrapperClass: 'rc-panel3 rc-panel3.rc-tl rc-panel3.rc-tr rc-panel3.rc-bl  rc-panel3.rc-br', wrapperId: 'rc', overrideCSSRadius: true });
    $("#instantdownload").roundedCorners({ wrapperClass: 'rc-panel3 rc-panel3.rc-tl rc-panel3.rc-tr rc-panel3.rc-bl  rc-panel3.rc-br', wrapperId: 'id', overrideCSSRadius: true });

    var TotalTap = $('.Tabpassive').length;
    $('#menu1').click(function() {

        for (var i = 1; i <= TotalTap; i++) {
            $('#menu' + i + 'Txt').removeClass('menu' + i + 'click');
            $('#menu' + i + 'Txt').addClass('menu' + i);
            $('#menuContent' + i).removeClass('MCShow');
            $('#menuContent' + i).addClass('MCNone');
        }
        $('#menuContent1').removeClass('MCNone');
        $('#menuContent1').addClass('MCShow');
        $('#menu1Txt').removeClass('menu1');
        $('#menu1Txt').addClass('menu1click');
    });

    $('#menu2').click(function() {
        $('#yellowActiveTab').css('display', 'block');
        for (var i = 1; i <= TotalTap; i++) {
            $('#menu' + i + 'Txt').removeClass('menu' + i + 'click');
            $('#menu' + i + 'Txt').addClass('menu' + i);
            $('#menuContent' + i).removeClass('MCShow');
            $('#menuContent' + i).addClass('MCNone');
        }
        $('#menuContent2').removeClass('MCNone');
        $('#menuContent2').addClass('MCShow');
        $('#menu2Txt').removeClass('menu2');
        $('#menu2Txt').addClass('menu2click');
    });

    $('#menu3').click(function() {
        for (var i = 1; i <= TotalTap; i++) {
            $('#menu' + i + 'Txt').removeClass('menu' + i + 'click');
            $('#menu' + i + 'Txt').addClass('menu' + i);
            $('#menuContent' + i).removeClass('MCShow');
            $('#menuContent' + i).addClass('MCNone');
        }
        $('#menuContent3').removeClass('MCNone');
        $('#menuContent3').addClass('MCShow');
        $('#menu3Txt').removeClass('menu3');
        $('#menu3Txt').addClass('menu3click');
    });

    $('#menu4').click(function() {
        for (var i = 1; i <= TotalTap; i++) {
            $('#menu' + i + 'Txt').removeClass('menu' + i + 'click');
            $('#menu' + i + 'Txt').addClass('menu' + i);
            $('#menuContent' + i).removeClass('MCShow');
            $('#menuContent' + i).addClass('MCNone');
        }
        $('#menuContent4').removeClass('MCNone');
        $('#menuContent4').addClass('MCShow');
        $('#menu4Txt').removeClass('menu4');
        $('#menu4Txt').addClass('menu4click');
    });


    $('#menu1 #menu1Txt').mouseover(function() { $(this).addClass('menu1over'); });
    $('#menu2 #menu2Txt').mouseover(function() { $(this).addClass('menu2over'); });
    $('#menu3 #menu3Txt').mouseover(function() { $(this).addClass('menu3over'); });
    $('#menu4 #menu4Txt').mouseover(function() { $(this).addClass('menu4over'); });

    $('#menu1 #menu1Txt').mouseout(function() { $(this).removeClass('menu1over'); });
    $('#menu2 #menu2Txt').mouseout(function() { $(this).removeClass('menu2over'); });
    $('#menu3 #menu3Txt').mouseout(function() { $(this).removeClass('menu3over'); });
    $('#menu4 #menu4Txt').mouseout(function() { $(this).removeClass('menu4over'); });

    function imgMouseOver(elem, classname) {
        $(elem).addClass(classname);
    }
    function imgMouseOut(elem, classname) {
        $(elem).removeClass(classname);
    }

   });
   

please reduce my code size,without hardcoding