Редактирование профиля в модальном окне?

        <script type="text/javascript">
function showBlock() {
$(function(){
    $('#DLE111').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 300,
                buttons: {
            "Закрыть" : function() {
                $(this).dialog("close");
            }
               }
    });
});
}
</script>

    <div id="DLE111" title="Плеер" style="display:none;">
 [not-logged]
            <div class="tab-panel" id="user2">
                <!-- Настройки пользователя -->
                <div id="options">
                    <div class="addform">
                        <ul class="ui-form">
                            <li class="form-group">
                                <label for="fullname">Ваше имя</label>
                                <input type="text" name="fullname" id="fullname" value="{fullname}" class="wide">
                            </li>
                            <li class="form-group">
                                <label for="email">Ваш e-mail</label>
                                <input type="email" name="email" id="email" value="{editmail}" class="wide" required>
                                <div class="checkbox">{hidemail}</div>
                            </li>
                            <li class="form-group">
                                <label for="land">Место проживания</label>
                                <input type="text" name="land" id="land" value="{land}" class="wide">
                            </li>
                            <li class="form-group">
                                <label>Часовой пояс</label>
                                {timezones}
                            </li>
                            <li class="form-group form-sep"></li>
                            <li class="form-group">
                                <label for="altpass">Старый пароль</label>
                                <input type="password" name="altpass" id="altpass" class="wide">
                            </li>
                            <li class="form-group">
                                <label for="password1">Новый пароль</label>
                                <input type="password" name="password1" id="password1" class="wide">
                            </li>
                            <li class="form-group">
                                <label for="password2">Повторите новый пароль</label>
                                <input type="password" name="password2" id="password2" class="wide">
                            </li>
                            <li class="form-group form-sep"></li>
                            <li class="form-group">
                                <label for="image">Загрузите аватар</label>
                                <input type="file" name="image" id="image" class="wide">
                            </li>
                            <li class="form-group">
                                <input placeholder="Использовать Gravatar" type="text" name="gravatar" id="gravatar" value="{gravatar}" class="wide">
                            </li>
                            <li class="form-group">
                                <div class="checkbox"><input type="checkbox" name="del_foto" id="del_foto" value="yes" /> <label for="del_foto">Удалить аватар</label></div>
                            </li>
                            <li class="form-group form-sep"></li>
                            <li class="form-group">
                                <label for="info">О себе</label>
                                <textarea name="info" id="info" rows="5" class="wide">{editinfo}</textarea>
                            </li>
                            <li class="form-group">
                                <label for="signature">Подпись</label>
                                <textarea name="signature" id="signature" rows="3" class="wide">{editsignature}</textarea>
                            </li>
                            <li class="form-group form-sep"></li>
                            <li class="form-group">
                                <label for="signature">Список игнорируемых пользователей:</label>
                                {ignore-list}
                            </li>
                            <li class="form-group form-sep"></li>
                            [group=1,2,3]
                            <li class="form-group">
                                <label for="allowed_ip">Блокировка по IP</label>
                                <textarea placeholder="Примеры: 192.48.25.71 or 129.42.*.*" name="allowed_ip" id="allowed_ip" rows="5" class="field wide">{allowed-ip}</textarea>
                            </li>
                            [/group]
                            <li class="form-group">
                                <table class="xfields">
                                {xfields}
                                </table>
                            </li>
                        </ul>
                        <div class="form_submit">
                            <button class="btn btn-big" name="submit" type="submit"><b>Сохранить</b></button>
                            <input name="submit" type="hidden" id="submit" value="submit">
                        </div>
                    </div>
                </div>
                <!-- / Настройки пользователя -->
            </div>
            [/not-logged]
</div>

  
<div id="top-pole-player"style="cursor:pointer"onclick="showBlock(); return false;">

ВЫЗОВ МОДАЛЬНОГО ОКНА

</div>