Как вызвать окно с уведомлением? [РЕШЕНО]

Здравствуйте!

Как можно вызвать окно уведомлением об ошибке, которое появляется справа вверху?
Цель: ограничить, например, просмотр топика только для зарегистрированных.
Как я это делаю: ставлю в ссылку-заголовок и в ссылку «читать дальше» условие, что если юзер не зарегистрирован, то никуда не переходим

<a href="{if $oUserCurrent}{$oTopic->getUrl()}{else}#{/if}">{$oTopic->getTitle()|escape:'html'}</a>

Как добавить всплывающее красное окно, которое скажет юзеру, что ему надо зарегистрироваться для просмотра топика?

Спасибо за ответ.

Всплывающее окно если неавторизован

В последних шаблонах окно авторизации реализовано с помощью высплывающих окон. К примеру, для кнопки авторизации это делается с помошью следующего кода:
<a href="{router page='login'}" class="js-login-form-show">Войти/Зарегистрироваться</a>

где класс .js-login-form-show прописан в файле template.js
Идея такая. Есть кнопка добавить топик. Если пользователь авторизован, он автоматически перемещается на страницу добавления топика, если нет, то вылезает всплывающее окно авторизации.
Делаем так:

{if $oUserCurrent}
<li class="add"><a href="{router page='topic'}add" class="button-add"><span>Добавить рецепт</span></a></li>
{else}
<li class="add"><a href="{router page='login'}" class="button-add-popup"><span>Добавить рецепт</span></a></li>
{/if}

Возникает вопрос, как для класса .button-add-popup реализовать функцию всплывающего окна?Ведь в template.js код прописан только для .js-login-form-show:

$('.js-login-form-show').click(function(){
if (ls.blocks.switchTab('login','popup-login')) {
$('#window_login_form').jqmShow();
} else {
window.location=aRouter.login;
}
return false;
});

Всплывающее окно

Добрый день! Подскажите, пожалуйста, как реализовать всплывающее окно? (по типу загрузки изображений)
в other.js прописал. шаблон создал. Но не отображается

PS: создаем сайт для музыкальной школы. Требуется такое окно для быстрого заполнения поста, информацией о произведениях