$(document).ready(function(){
    $('.tabs').each(function(){
        // ----------------------------------------------------------------
        // main variables...
        // ----------------------------------------------------------------
        
        // configuration variables...
        var defFadeDuration=100;
        
        // global variables...
        var numTabs=0;
        
        // ----------------------------------------------------------------
        // set up tabs...
        // ----------------------------------------------------------------
        $('.tabs').children().each(function(){
            if($(this).attr('class')=='tab'){
                numTabs++;
                if(numTabs==1){
                    $('#tab-'+numTabs+'-selector').addClass('tab-selector-active');
                    $(this).attr('class');
                }else{
                    $(this).css('display','none');
                }
                
                // ----------------------------------------------------------------
                // manage events...
                // ----------------------------------------------------------------
                $('#tab-'+numTabs+'-selector').click(function(){
                    var thisTab='#'+($(this).attr('id')).replace('-selector','');
                    if($(thisTab).css('display')=='none'){
                        $('.tab-selector').each(function(){$(this).removeClass('tab-selector-active')});
                        $('.tab').each(function(){$(this).css('display','none')});
                        $(thisTab+'-selector').addClass('tab-selector-active');
                        $(thisTab).fadeIn(defFadeDuration);
                    }
                });
            }
        });
    });
});