//Animation 360°

var pos = new Array(0, 196, 392, 595, 784, 946, 1074 , 1186, 1290, 1393,
						  1512, 1656, 1830, 2034, 2257, 2497, 2733, 2935, 3126,
						  3283, 3404, 3531, 3672, 3828, 3992, 4195, 4425, 4651, 
						  4872, 5092, 5307); // dernière valeur = largeur de l'image
var tete = new Array(156, 345, 522, 713, 902, 1032, 1135 , 1243, 1354, 1476,
						  1610, 1777, 1968, 2168, 2388, 2617, 2827, 3016, 3203,
						  3349, 3494, 3628, 3759, 3903, 4077, 4289, 4511, 4728, 
						  4942, 5159); // dernière valeur = largeur de l'image
var cpt = 1;
var timer;
function anim() {
	var e = document.getElementById('fond');
	var x = pos[cpt];
	var ptx = tete[cpt] - x;
	var left = 150 - ptx;
	var w = pos[cpt+1] - x;
	e.style.width = w + "px";
	e.style.left = left + "px";
	e.style.backgroundPosition = "-" + x + "px 0";
	//document.getElementById('debug').innerHTML = cpt + " " + x + " " + w;
	cpt = cpt + 1;
	if(cpt==pos.length-1) clearInterval(timer);
	//cpt %= (pos.length-1);
}
function start() {
	timer = setInterval(anim, 100);
}
function showpict(nom,description) {
    var b = document.getElementById('pict');
    b.innerHTML = "<img src='photos/big/" + nom + "' /><br />" + description;
	b.style.textAlign='center';
	b.style.color='#ffffff';
	b.style.fontSize='14px';
	b.style.fontWeight='bold';
	
  }