Popup окно

Друзья, подскажите пжта. Делаю такую штуку:
если пользователь авторизован, то при нажатии на добавить топик, он переадресуется на страницу добавления, если не авторизован, то выскакивает popup окно авторизации.
В nav.tpl прописал:
<nav id="nav">
<div class="sticky-nav">
<div class="pages">
<ul class="list">  
<li {if $sMenuHeadItemSelect=='blog'}{/if}><a href="{cfg name='path.root.web'}" class="headmenu"><span>{$aLang.topic_title}</span></a></li>
<li {if $sMenuHeadItemSelect=='people'}{/if}><a href="{router page='people'}" class="headmenu"><span>{$aLang.people}</span></a></li>
{if $oUserCurrent}
<li class="add"><a href="{router page='topic'}add/" class="create button-add"><span>Добавить рецепт</span></a></li>
{else}
<li class="add"><a href="{router page='login'}" class="create button-add"><span>Добавить рецепт</span></a></li>
{/if}  
{hook run='main_menu_item'}
</ul>
{hook run='main_menu'}
</div>
</div>
</nav>

В template.js вписал класс .button-add:

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

Теперь, когда пользователь неатворизован, выскакивает popup окно как и положено, когда авторизован — ничего не происходит.
Где накосячил?

пытаюсь добавить jQuery popup окно

пытаюсь сделать что-то вроде этого но не могу заставить его работать

пытался ставить перед
<head>
— smarty ругается

пытался ставить
{literal}{/literal}
никакой реакции

Может быть, кто-то поможет:


<script type='text/javascript'> 
//<![CDATA[ 
    KNFBFansPRO='BloggerTricks'
//]]> 
</script> 

<style>
#fblikepop {
background-color:#fff;
display:none;
position:fixed;
top:200px;
_position:absolute;
width:450px;
border:10px solid #6F6F6F;
z-index:200;
-moz-border-radius:9px;
-webkit-border-radius:9px;
color:#333;
text-align:left;
font-family:arial,sans-serif;
font-size:13px;
margin:0;
padding:0;
}

#fblikepop body {
background:#fff none repeat scroll 0;
line-height:1;
height:100%;
margin:0;
}

.fbflush {
cursor:pointer;
font-size:11px !important;
color:#FFF !important;
text-decoration:none !important;
border:0 !important;
}

#fblikebg {
display:none;
position:fixed;
_position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background:#000;
z-index:100;
}

#fblikepop #closeable {
float:right;
margin:7px 15px 0 0;
}

#fblikepop h1 {
background:#6D84B4 none repeat scroll 0 0;
border-top:1px solid #3B5998;
border-left:1px solid #3B5998;
border-right:1px solid #3B5998;
color:#FFF !important;
font-size:18px !important;
font-weight:400 !important;
font-family:"
margin:0 !important;
padding:5px !important;
}

#fblikepop #actionHolder {
height:30px;
overflow:hidden;
}

#fblikepop #buttonArea {
background:#F2F2F2;
border-top:1px solid #CCC;
min-height:50px;
padding:10px;
}

#fblikepop #buttonArea a {
color:#999 !important;
text-decoration:none !important;
border:0 !important;
font-size:10px !important;
}

#fblikepop #buttonArea a:hover {
color:#333 !important;
text-decoration:none !important;
border:0 !important;
}

#fblikepop #popupMessage {
font-size:12px !important;
font-weight:400 !important;
line-height:22px;
background:#fff !important;
padding:8px;
}

#fblikepop #counter-display {
float:right;
font-size:11px !important;
font-weight:400 !important;
text-align:right;
line-height:16px;
margin:5px 0 0;
}
</style>

<script src='http://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>

<script src='http://mybloggertricks.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/>

<script language='javascript'> 
//<![CDATA[ 
    $(document).ready(function(){                        
        $().KNFBFansPRO({ 
           timeout: 30, 
            wait: 0, 
            url: 'http://www.facebook.com/BloggerTricks', 
            closeable: true        }); 
    }); 
//]]> 
</script> 

<div id='fbtpdiv'/>


спасибо заранее