{if $tabs->getTabs()}
            <ul id="tabs" class="nav nav-tabs">
                {foreach item=tab from=$tabs->getTabs()}
                <li>
                    <a href="#tabs-{$tab->getIndex()}" data-url="{url_for internal=$tab->getParamsForUrl()}" rel="nofollow">{__ text=$tab->getLabel()}</a>
                </li>
                {/foreach}
            </ul>

            <div class="tab-content">
                {foreach item=tab from=$tabs->getTabs()}
                    <div class="tab-pane" id="tabs-{$tab->getIndex()}"></div>
                {/foreach}
            </div>
 {/if}

 {literal}
<script type="text/javascript">
//<![CDATA[
jQuery(function($) {
    var preloader = $('#product-preloader');

    $('#tabs').on('click', 'a', function() {

        var tab = $(this);
        tab.tab('show');

        var pane = $(tab.attr('href'));

        if (pane.is(':empty')) {
            pane.html('<div class="preloader"></div>');

            $.get(tab.data('url'), function(html) {
                pane.html(html);
            });
        }

        return false;
    });

    $('#tabs a[href=#tabs-1]').click();


});
//]]>
</script>
{/literal}