(function () {
  var tab = (function () {
    var _contentRoot = $('#tabs-content').children('.inner'),
        _tabs = $('#tabs .tab');
    
    return {
      activate: function (clicked) {
        var content = $('#' + clicked.attr('for'));

        if (content.length == 0) {
          return;
        }
         
        _tabs.filter('.active').removeClass('active');
        clicked.addClass('active');
        content.prependTo(_contentRoot);
      }
    };
  })();

  function click_handler(e)
  {
    var clicked = $(e.target ? e.target : e.srcElement);

    if (!clicked.hasClass('tab-name') || clicked.parent().hasClass('active')) {
      return;
    }

    tab.activate(clicked.parent());
  }

  $('#tabs').click(click_handler);
})();