Hi,
i developed a website with php.
Using cms, users can upload an image and a textual description of this image.

I use jquery to change automatically that images.
This is the code:
PHP Code:
    $this->LoadRecords();
    if(count($this->_records) > 0) {//visualizzazione del focus
      $this->makeGroups(); //faccio i gruppi dell'immagine a seconda della cateogira del prodotto
      ?>
      <script type="text/javascript">
      <?
      $uploadDir 
UploadDir();
      foreach (
$this->groups as $code => $group){ //
        
echo "array_img_$code = Array();\n";
        
$jj=0;
        foreach (
$group as $idx => $r){
          foreach(
$r->images as $img){
            
$src $uploadDir.$img->fields["dir_ima"] . "/" $img->fields["file_ima"];
          }
          if (
$src !="") { //trovata img
        
?>
          array_img_<?=$code?>[<?=$jj?>] = '<?=$src?>';
        <?
        $jj
++; //aggiorno l'index. Non posso ussare pił $idx perchč puo succedere di avere un prodotto con la spunta di homepage ma senza img con questo type
          
}
          
$src ""//svuoto e ricomincio il ciclo
        
}
      }
      
?>
      </script>
      <noscript>
      <p>javascript non abilitato, per visualizzare i prodotti si consiglia di visitare la galleria</p>
      </noscript>
      <?
      $i 
0;
      foreach (
$this->groups as $code => $group){ 
        
$src="";
        foreach (
$group as $r){
          foreach(
$r->images as $img){
            
$src $uploadDir.$img->fields["dir_ima"] . "/" $img->fields["file_ima"];
            
$url $r->fields["url_dat"];
            break;
          }
          if (
$src != "") break; //trovata per questo group
        
}
        if (
$src != ""){
?>
          <div id="focusBox">
            <div id="focus_5">
<?
          
if($url != '') {
?>
            <a href="<?=$url?>" title="vai">
<?
          
}
?>
            <img width="444" height="210" alt="immagine" src="<?=$src?>" />
<?
          
if($url != '') {
?>
            </a>
<?
          
}
?>            
            </div> <!-- end focus -->
            <div id="rightFocus">
              <div class="textFocus">
                <div class="titoloFocus">
<?
                
if($url != '') {
?>                                
                  <a title="<?=$r->fields["title_dat"]?>" href="<?=$url?>"><?=$r->fields["title_dat"]?></a>
<?
                
} else {
?>    
                  <a title="<?=$r->fields["title_dat"]?>"><?=$r->fields["title_dat"]?></a>
<?
                
}
?>
                </div><!-- end titoloFocus -->
              <div class="desFocus"><?=$r->fields["abstract_dat"]?></div>
            </div>
            </div><!-- end rightFocus -->
            </div> <!-- end focusBox -->
<?
        
}
      }
    } else {
      
//se non ci sono cms, visualizzo un messaggio d'errore
      
$this->ShowNoCmsError();
    }
   
$this->Scripts_focus();
 }

  function 
makeGroups(){
     foreach(
$this->getCategories() as $cod//inizializzo matrix
       
$this->groups[$cod] = array();

     foreach(
$this->_records as $idx => $r) {  //compilo a seconda della categoria
       
array_push($this->groups[$r->fields["sec_dat"]], $r);
     }
  }


  function 
Scripts_focus() {
?>
<script type="text/javascript">
categories = Array();
<?
$this
->categories $this->getCategories();
for (
$i=0$i<count($this->categories); $i++){
  echo 
"categories[".$i."]='".$this->categories[$i]."';\n";
  echo 
"var numvisible_".$this->categories[$i]." = 0;\n";
}
?>
function changeImage(categoria){
  var d = document;
  var aux = parseInt(eval('numvisible_'+categoria));
  var array_img = eval('d.MM_'+categoria);

 if (array_img.length>1){
  var img_index =(aux+1)%array_img.length;
  var div = $('#focus_'+categoria);
  var img =$('#focus_'+categoria+' img');

  var control = "url('"+ array_img[img_index].src+"')";
  $(div).css('background-image', control);
  $(img).animate({opacity:0.01},3000,function(){
    this.src = array_img[img_index].src;
    $(img).animate({opacity:1},1000);
//   $(img).css("opacity",1);
  });

  eval ("numvisible_"+categoria+"=img_index");
 }
}

 function Init_Focus(){
  var j;
  for (j=0; j<categories.length; j++) {
    var categoria = categories[j];
    var array_img = eval('array_img_'+categoria);
    MM_preloadImages(array_img, categoria);
    setInterval("changeImage("+categoria+")",5000);
  }
 }

  function MM_preloadImages(img, categoria) { //v3.0
    var d=document;

    eval("d.MM_"+categoria+"= new Array()");
    var i,j=0;
    var a = img;
    for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){
      eval("d.MM_"+categoria+"[j]=new Image");
      eval("d.MM_"+categoria+"[j++].src=a[i]");
    }
  }

 Init_Focus();

</script>
<?

//end ScriptFocus
What i have to add to change image and text (it's in div class="desFocus") simultaneously?

Thank you in advance.