/**
 * Customizations on Jquery ui Tabs:
 * - styles with .tabCollections are considered tabs
 * - adds a close tab button.
 */
$(document).ready(function(){
    var $tabs = $('.tabCollection ul:first').tabs({
        add: function(e, ui) {
            var li = $(ui.tab).parents('li:eq(0)')[0];
            $('<em class="close" title="Close Tab"><img src="/img/cross.png" alt="Close tab" title="Close tab" /></em>').appendTo(li)
            .bind('click', function() {
                $tabs.tabs('remove', $('li', $tabs).index(li));
            });
        }                  
    }); 
});