Attach scroller to element in jQuery
<p>I have a modified jPlayer with a "Whats Playing" info bar.</p>

<p>The info bar display echoed info from a PHP file. </p>

<p>I need to attach a scroller to the info on that player bar but i cant seem to nail it.</p>

<p>The scroller is on a separate js file.</p>

<p><a href="http://www.maxvergelli.com/jquery-scroller/" rel="nofollow">http://www.maxvergelli.com/jquery-scroller/</a></p>

<p><em>jQuery:</em></p>

<pre><code>getCurrentTrack();

$('.now_playing').SetScroller({
    velocity: 50,
    direction: 'horizontal',
    startfrom: 'right',
    loop: 'infinite',
    movetype: 'linear',
    onmouseover: 'pause',
    onmouseout: 'play',
    onstartup: 'play',
    cursor: 'pointer'
});

function getCurrentTrack() {
    $('.now_playing').load('/player/readerPlayer2.php');
    setInterval(function() {
        $('.now_playing').load('/player/readerPlayer2.php');
    }, 9000);
};​
</code></pre>

<p><em>The PHP info:</em></p>

<pre><code>&lt;?php
header("Expires: Tue, 03 Jul 2040 06:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

$xml = simplexml_load_file("http://**.**.**.**:8000/live.xspf"); 

foreach ($xml-&gt;trackList-&gt;track as $data) { 
    $radio = $data-&gt;location;
    $song  = $data-&gt;title;  
    $info = $data-&gt;listeners;   
}
echo '&lt;div class="IceSong"&gt;'.$song.'&lt;/div&gt;';
?&gt;
</code></pre>
