$(document).ready(function() {
    $('.tabify').each(function(i, container) {
        container = $(container);
        container.prepend('<ul class="tab-headers"></ul>');
        container.find('.tab').hide();

        var headers = container.find('.tab-headers');

        container.find('.tab .tab-title').each(function(j, title) {
            headers.append('<li><a href="#">' + $(title).remove().text() + '</a></li>');
        });

        headers.find('a').each(function(index, element) {
            element = $(element);
            element.click(function() {
                container.find('.tab').hide();
                container.find('.tab:eq(' + index + ')').show();
                container.find('.tab-headers .active').removeClass('active');

                $(this).addClass('active').trigger('blur');

                return false;
            });

            if (index == 0) {
                element.trigger('click');
            }
        });
    });
});