<div id='marqueetop'  class="marqueestyle<{$marqueestyle}>">  <div class="marquee" >
<{foreach item=marquee from=$marqueetext }>                        
<span id='marqueebox'><a title="<{$marquee.title}>" target="<{$marquee.target}>" href="<{$marquee.url}>" ><{$marquee.title}></a></span>
<{/foreach}>	
</div>
</div>   


<script type="text/javascript">
$('#marqueetop .marquee').marquee({
    //speed in milliseconds of the marquee
    duration: <{if $marqueesdirection eq 'left'}>eval(<{$alsspeed}>00 + 10000)<{else}><{$alsspeed}>00<{/if}>,
    //gap in pixels between the tickers
    gap: 0,
    //time in milliseconds before the marquee will start animating
    delayBeforeStart: 0,
    //'left' or 'right'
    direction: '<{$marqueesdirection}>',
    pauseOnHover: 'true',
    //true or false - should the marquee be duplicated to show an effect of continues flow
    duplicated: true

});

</script>