Всплывающая форма авторизации для DLE

я видел в стандартном шаблоне такую функцию

Да вот не получается вытянуть

Две функции написать и добавить css стили.

js

$(function() {

$( "#logindialog" ).dialog({
autoOpen: false,
show: 'fade',
hide: 'fade',
width: 300
});

$('#loginlink').click(function(){
$('#logindialog').dialog('open');
return false;
});
});

css

/*---login---*/
.loginbox {
display: inline;
}

.loginbox ul.loginbox {
margin-top: 30px;
float: right;
height: 26px;
}

ul.loginbox li {
margin-left: 10px;
line-height: 23px;
}

.loginbtn a {
color: #151e05;
text-shadow: 0 1px 0 #c0ea78;
text-decoration: none;
display: block;
width: 61px;
height: 26px;
text-align: center;
background: url("../images/loginbtn.png") no-repeat;
}

.loginbtn a:hover {
background-position: 0 -26px;
}

.logform li.lfield {
margin-bottom: 10px;
}

.logform li.lbtn {
text-align: center;
}

.logform li.lfield input {
width: 265px;
}

.logform li.lfchek input {
width: 13px;
border: none;
background: none;
}

.logform li.lfchek label {
display: inline;
margin-bottom: 0.2em;
}

login.tpl
[not-group=5]

Привет, {login}!
Выход








[admin-link]Админпанель[/admin-link]
Добавить новость
Сообщения: ({new-pm} | {all-pm})
Мой профиль
Мои закладки
Статистика





[/not-group]
[group=5]

Регистрация
Войти





{login-method}
Пароль (Забыли?):
 Чужой компьютер
Войти





[/group]