$(function() {
    $(".tabs").tabs();
});
jQuery.fn.extend({
    tabs: function() {
        return this.each(function() {
            if(!$(this).hasClass('ui-tab-wrapper')) {
                $(this)
                    .addClass('ui-tab-wrapper')
                    .children('ul')
                    .eq(0)
                    .addClass('ui-tab-header')
                    .children('li')
                    .eq(0)
                    .parent()
                    .parent()
                    .children('div')
                    .addClass('ui-tab-panel')
                    .eq(0)
                    .addClass('ui-tab-panel-active');
                $(this).children('.ui-tab-header').find('a').click(function() {
                    var target = $(this);
                    //var related = target.attr("href").substring(target.attr("href").indexOf("#"));
                    if(!related) return false;
                    var panel = $(related);
                    if(!(target.parent('li').hasClass('ui-tab-active'))) {
                        $('.ui-tab-active',target.parents('ul')).removeClass('ui-tab-active');
                        $('.ui-tab-panel-active',panel.parents('div')).removeClass('ui-tab-panel-active');

                        target.parent('li').addClass('ui-tab-active');
                        panel.addClass('ui-tab-panel-active');
                    }
                    return false;
                });
            }
        });
    }
});
