"Site News" cuộn dọc ngoài trang chủ

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <div id="artup" style="overflow:hidden; height: 170px;">
            <div id="artup1">
            <ul style="padding:0;margin:0" id="artup1ul">
            <!--{foreach name="new_articles" from=$new_articles item=article}-->
            <li>
            [<a  href="{$article.cat_url}">{$article.cat_name}</a>] <a  href="{$article.url}"  title="{$article.title|escape:html}">{$article.short_title|truncate:10:"...":true}</a>
            </li>
            <!--{/foreach}-->
            </ul>
            </div>
            <div id="artup2"> </div>
            </div>
            <script type="text/javascript">
            var speed=30;
            var ARTUP=document.getElementById('artup');
            var ARTUP1=document.getElementById('artup1');
            var ARTUP2=document.getElementById('artup2');
            var ARTUP1ul=document.getElementById('artup1ul');
            var result = "";
            for(var i=0; i<25; i++) result += ARTUP1ul.innerHTML;
            ARTUP1ul.innerHTML=result
            ARTUP2.innerHTML=ARTUP1.innerHTML
            function Marquee1(){
            if(ARTUP2.offsetHeight-ARTUP.scrollTop<=0)
            ARTUP.scrollTop-=ARTUP1.offsetHeight
            else{
            ARTUP.scrollTop++
            }
            }
            var MyMar1=setInterval(Marquee1,speed)
            ARTUP.onmouseover=function() {clearInterval(MyMar1)}
            ARTUP.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
            </script>