Как свернуть/развернуть диалоговое окно jQuery?

Я использую диалоговое окно пользовательского интерфейса jQuery , чтобы показать видео. Видео работает нормально.

Что я хочу сделать, так это минимизировать элемент Dialog -, как в ОС или что-то в этом роде. Небольшой значок, например (" -" ), который сворачивал мой диалог, а когда я нажимал (*), он закрывал диалог, но продолжал видео работать в фоновом режиме.

Вот мой код

//Watch Video

$(".watchVideo").live('click',function(){
    if($('div.ui-dialog').length){
        $('div.ui-dialog').remove();
    }

    var path  = $(this).attr('rel');
    var title = $(this).attr('title');

    var $dialog = $('
', {
        title: translator['Watch Video']
    }).dialog({
        autoOpen: false,
        modal: true,
        width: 600,
        height: 500
    });

    var tab = '';

    $('
').html(tab).appendTo($dialog);
    $dialog.dialog('open');
    return false;

});

где вкладка var равна