XE에서 jquery .animate() 효과를 사용할수 있는 방법을 찾고있습니다.

아래는 굉장히 간결한 스크롤링 코드입니다.
다른곳에서도 유용하게 쓰고있는데 XE레이아웃에 넣었더니 콜론(:) 구문에러가 납니다.

<script type="text/javascript">//<![CDATA[
var $j = jQuery.noConflict();
$j(document).ready(function()
{
  var currentposition = parseInt($j("#bannerr").css("top"));
  $j(window).scroll(function(){
    var position = $j(window).scrollTop();

    //$j("#bannerr").stop().animate({"top":position+currentposition+"px"},1000); <-- 다른곳에선 그냥 단순히 이렇게 쓰고있지만 XE에서 구문에러 납니다.
    document.getElementById("bannerr").style.top=position+currentposition+"px"; <-- 이런식은 되지만 핵심인 애니메이션 효과가 없기때문에 여기서는 무의미 합니다. 

  });
});
//]]></script>
<div id="bannerr" style="position:absolute; width:80px; height:auto; top:10px; right:1px;"><a href="{$layout_info->bannerr_url}" target='_blank'><img src="{$layout_info->bannerr_image}" alt="{$layout_info->bannerr_alt}" /></div>


아래는 에러내용입니다.
Parse error: syntax error, unexpected ':' in /xe/classes/template/TemplateHandler.class.php(515) : eval()'d code on line 341