var w=738;
var h =358;

var Pic = new Array();
var txt = new Array();
var ps = new Array();

$(window).load(function () { 

var Stxt = 0;

	 $("#foto li").each(function(i){
	   Pic[i] = $(this).attr("rel");
	   ps[i] = $(this).attr("class").split("_"); 
	   txt[i] = $(this).html();
	  if(txt[i]!=""){Stxt=1;}
	});


 
p = Pic.length;
preLoad = new Array()

for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
   
}


		$("#foto").append("<img  id=\"slide\" src=\""+Pic[0]+"\" />");
		if(Stxt==1){$("#didascalia1").append("<div id=\"didascalia\">"+txt[0]+"</div>");}
	//$("#immagini").animate({  width: w+"px",height:h+"px"}, 0,function(){});
	$("#foto").append("<img  id=\"SlideShow\" src=\""+Pic[0]+"\" />");
	$('#SlideShow').animate({left:ps[0][0], top:ps[0][2]}, 0);
	$('#slide').animate({left:ps[0][1], top:ps[0][3]}, 0);
	$("#didascalia").fadeIn("slow");
	
	//$("#foto").append("<a id=\"stop\" href=\"javascript:ferma()\"><img border=0 src=\"img/slide_stop.png\"></a>");
	//$("#foto").append("<a id=\"play\" href=\"javascript:cambia3()\"><img border=0 src=\"img/slide_next.png\"></a>");
	
	cambia2();
	
	});


  
  
var l = -1;
var a =0;


var vai =0;
function chiudi()
{
	
	
$("#slide").attr({ src: preLoad[l].src});
$('#slide').animate({left:ps[l][1],top:ps[l][3]}, 0);


if(vai==0){window.setTimeout('cambia()',1000);}
}
 
function cambia(){
if(vai==0){
		$('#SlideShow').fadeOut("slow");
		$('#didascalia').fadeOut("slow");
		a = a + 1
		   if (a > (p-1)) {a=0;}
		 $('#SlideShow').animate({left:ps[a][0], top:ps[a][2]}, 0, cambia2);
	}

}

function cambia2(){
  l = l + 1
   if (l > (p-1)) l=0
   
$("#SlideShow").attr({ src: preLoad[l].src});
$("#didascalia").html(txt[l]);
if(vai==0){
	$('#didascalia').fadeIn();
	$('#SlideShow').fadeIn("slow", function(){$('#SlideShow').animate({left:ps[l][1],top:ps[l][3],
       
        opacity: 1.0
      }, 8000, chiudi);
});}
}


function cambia3(){
	vai=1;
	$("#stop").html("<img border=0 src=\"img/slide_play.png\">");
  l = l + 1
   if (l > (p-1)) l=0
$("#didascalia").html(txt[l]);
$("#SlideShow").attr({ src: preLoad[l].src});
$('#SlideShow').animate({left:ps[l][0], top:ps[l][2]}, 0);
}


function ferma(){if(vai==0){vai=1; $("#stop").html("<img border=0 src=\"img/slide_play.png\">");}else{vai=0; $("#stop").html("<img border=0 src=\"img/slide_stop.png\">"); cambia()}}