// Galerie Authentic Roads
var time = 4000;
var picture;
var current_image = 0;
var next_image = 1;
var timeO;

function goToDiaporama() {
	picture=null;
	//new Effect.Fade("picture0", {
		//afterFinish:function() {
			new Ajax.Request('inclusion/action/diaporama.php', {
				method: 'post',
				postBody: '',
				onComplete: function(transport) {
					picture = unserialize(transport.responseText);
					if(picture.length>0) {
						$("main_picture").style.width="705px";
						$("main_picture").style.height="509px";
						$("main_picture").innerHTML='<div class="picture_div" id="picture_div_0" style="display:block;"><img id="picture_img_0" src="'+picture[0].source+'" width="'+picture[0].width+'px" height="'+picture[0].height+'px" border="0" /></div>';
						for(i=1;i<picture.length;i++) {
							$("main_picture").innerHTML+='<div class="picture_div" id="picture_div_'+i+'" style="display:none;"><img id="picture_img_'+i+'" src="'+picture[i].source+'" width="'+picture[i].width+'px" height="'+picture[i].height+'px" border="0" /></div>';
						}
						if(picture.length>1) playDiaporama();
					} else {
						$("main_picture").innerHTML='<div class="texte_galerie">No pictures</div><br>';
						$("main_picture").style.width="705px";
						$("main_picture").style.height="509px";
						new Effect.Appear("diaporama");
					}
			}});	
	//}});
}

function playDiaporama() {
	timeO=self.setTimeout("nextimage()",time);
}

function stopDiaporama() {
	clearTimeout(timeO);
	clearTimeout();
}

function nextimage() {
	if(picture[next_image].width!=picture[current_image].width || picture[next_image].height!=picture[current_image].height) {
		var per1 = picture[next_image].width/picture[current_image].width*100;
		var per2 = picture[next_image].height/picture[current_image].height*100;
		new Effect.Scale("picture_img_"+current_image, per1, {scaleFromCenter:true,scaleX:true,scaleY:false});
		new Effect.Scale("picture_img_"+current_image, per2, {scaleFromCenter:true,scaleX:false,scaleY:true});
	}
	new Effect.Appear("picture_div_"+next_image, { duration: 3 } );
	new Effect.Fade("picture_div_"+current_image, { duration: 3, afterFinish:function() { 
		$("picture_img_"+current_image).style.width=picture[current_image].width+"px";
		$("picture_img_"+current_image).style.height=picture[current_image].height+"px";
		if(next_image == (picture.length-1)) {
			current_image = next_image;
			next_image = 0;
		} else {
			current_image = next_image;
			next_image++;
		}
		playDiaporama();
	}});
}