Динамическое обновление блоков на jQuery

Здравствуйте, вот задумал немного оживить свой сайт, в плане динамического обновления некоторых блоков. На данный момент сделано это грубо и просто (по неумению).
В shortstory.tpl встроил такой код:

<script type="text/javascript"> 
    $(document).ready(function(){ 
    setInterval("jQuery('#short_comA-{news-id}').load('\'+window.location+\' #short_comB-{news-id}');",15000); // По умолчанию время обновления 15 секунд.
    setInterval("jQuery('#short_raitA-{news-id}').load('\'+window.location+\' #short_raitB-{news-id}');",15000); // По умолчанию время обновления 15 секунд. 
}); 
</script> 

И соответственно часть кода, которая обновляется:

...

<span class="com_block"><span id="short_comA-{news-id}"><span id="short_comB-{news-id}">[com-link]+{comments-num}[/com-link]</span></span></span>
<span id="short_raitA-{news-id}"><span id="short_raitB-{news-id}">{rait_report}</span></span>

...

Все работает, все хорошо. Если кто-то из пользователей оставил коммент или проголосовал, то я, без перезагрузки страницы, сразу вижу результат.

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

И второй вопрос:
Пытался переместить код java в отдельный файл и подключать его в main.tpl - при этом ничего не происходит. Ясно из-за чего - не распознается тег {news-id}
Как переделать код, вернее как в jquery выудить id короткой новости?