$(document).ready(
   function () {
      tabs = function(array) {
         var i;
         for (i in array) {
            var buttonId = '#' + array[i] + '-btn';
            
            $(buttonId).click(function() {
               var clickedButtonId     = '#' + $(this).attr('id');
               var visibleContainerId  = clickedButtonId.substr(0, clickedButtonId.length - 4);
               
               if ($(visibleContainerId).css('display') == 'none') {
                  $(clickedButtonId).parent().attr('class', 'active');
                  $(visibleContainerId).css('display', 'block');
                  
                  var j;
                  for (j in array) {
                     var inactiveButtonId    = '#' + array[j] + '-btn';
                     var hiddenContainerId   = '#' + array[j];
                     
                     if (hiddenContainerId != visibleContainerId) {
                        $(inactiveButtonId).parent().attr('class', 'inactive');
                        $(hiddenContainerId).css('display', 'none');
                     }
                  }
               }
            });
         }
      };
   }
);