Уважаемые господа.

Помогите разобраться. Недавно начал изучать библиотеку jQuery и столкнулся с проблемой:

Создаю модальное диалоговое окно (jQuery.ui.Dialog), в которое необходимо внедрить календарь (jQuery.ui.Datepicker). Отдельно окно и календарь создаются и работают, но никак не получается их совместить. Пишу следующий код:

$(document).ready(function(){
    $("#form_jQuery").dialog({
        height:480,
        width:650,
        autoOpen:true,
        modal:true,
        overlay:{opacity: 0.3,background:"gray"},
        title:"Добавление расписания",
        buttons:{"Добавить":function(){exec_form_rasp("addrasp","filter","");},"Отмена":function(){$('#form_jQuery').dialog('close');}},
        open:function(){
            $(document).ready(function(){
                $('#date_nach').datepicker({
                    showOn: 'both',
                    buttonImageOnly: false,
                    buttonImage: 'img/cal.gif',
                    buttonText: 'Календарь',
                    dateFormat: 'dd/mm/yy'});
                $('#date_okonch').datepicker({
                    showOn: 'both',
                    buttonImageOnly: false,
                    buttonImage: 'img/cal.gif',
                    buttonText: 'Календарь',
                    dateFormat: 'dd/mm/yy'});
                });
            },
        close:function(){$("#form_jQuery").dialog("destroy");}});
      });


В результате получаю следующую картину:
Нажмите для просмотра прикрепленного файла

Окошко календаря показывается под диалоговым окном и, к тому же, я его не могу использовать, поскольку оно неактивно (окно модальное)

Помогите решить проблему