PHP + Javascript

Hejsa folkens,

Ser I - jeg har et problem.
Jeg skal lave et LOOP i PHPen der henter billederne ud.
Samtidig skal den køre scroll (Bliver sat i Body), men skal have de 2 til at kommunikere sammen.
For når at scrollen har scrollet så langt som billedet er, så skal der laves følgende:

<script>document.getElementById('texta').innerHTML = '$title';</script>.

Men jeg kan ikke gennemskue hvordan jeg får de to til at arbejde sammen :)
Kan I hjælpe mig ?

------------------------------------------------
PHP koden:
<?php
        $data = mysql_fetch_array($row);
   
            $image = str_replace("../", "", $data["picture_url"]);
            if ($image == "userfiles/image/activities/") {
                $image = "images/chris.jpg";
            }
           
            $size = getimagesize($image);
            list($width, $height) = $size;
        ?>       
        <div style="background-image:url('<?php echo $image;?>');width:<?php echo $width;?>px;height:<?php echo $height;?>px;float:left;"></div>

java script:
    var i = 0;
    var speed = 1;
   
    function startScroll(t) {
        var div = document.getElementById("news");
        div.scrollLeft = t;
        scroll();   
    }
   
    function scroll() {
        var div = document.getElementById("news");

        i = div.scrollLeft;
        i = i + speed;
        div.scrollLeft = i;
       
        t1 = setTimeout("scroll()",20);
    }

------------------------------------------------