Ciao, il problema è che quando scorrono le foto a volte si "accavallano" cioè..il passaggio tra una foto e l'altra risulta troppo veloce...non rimane costante l'intervallo tra una foto e l'altra


codice:
<script language="javascript" src="js/prototype.js"></script>
<script language="javascript" src="js/scriptaculous.js"></script>
<script language="javascript">

<?php

$image_to_gallery=dirList('/web/htdocs/home/public/home');
?>


var images=new Array();
<?php
$c=0;
foreach($image_to_gallery as $image){
print "images[$c]=\"$image\"; ";
$c++;
}
?>
var displayed=0;

function switchImages(){
	
	toBeDisplayed=displayed+1;
	
	if(displayed>0 && displayed>images.length){
		toBeDisplayed=0;
	}else{
		if(displayed==0 && images.length<=0){
			return;
		}
	}
	
	displayed=toBeDisplayed;
	
	id1='';
	id2='';
	
	if(displayed % 2 == 0){
		id1="displayed_photo";
		id2="tobedisplayed_photo";
		
		$(id2).src="/public/home/"+images[toBeDisplayed];
		
		new Effect.Parallel([
		  new Effect.Fade(id1+'_cont', { sync: true, duration:3.0 }), 
		  new Effect.Appear(id2+'_cont', { sync: true, duration:3.0 }) 
		], { 
		  duration: 1.0,
		  delay: 0.1
		});
	
	}else{
		id1="displayed_photo";
		id2="tobedisplayed_photo";
		
		$(id1).src="/public/home/"+images[toBeDisplayed];
		
		new Effect.Parallel([
		  new Effect.Fade(id2+'_cont', { sync: true, duration:1.0 }), 
		  new Effect.Appear(id1+'_cont', { sync: true, duration:1.0 }) 
		], { 
		  duration: 0.8,
		  delay: 0.1
		});
	
	}

}




</script>