//Animation 360°

var pos = new Array(1, 111, 216, 321, 423, 528, 647 , 778, 920, 1061,
						  1221, 1380, 1548, 1727, 1911, 2105, 2289, 2475, 2656,
						  2834, 3012, 3179, 3329, 3460, 3566, 3696, 3826, 3974, 
						  4147, 4331, 4520, 4709, 4885, 5054, 5216, 5374); // dernière valeur = largeur de l'image
var tete = new Array(67, 172, 275, 378, 489, 612, 739 , 884, 1028, 1177,
						  1336, 1498, 1662, 1844, 2027, 2196, 2377, 2559, 2728,
						  2907, 3073, 3228, 3379, 3517, 3627, 3748, 3883, 4045, 
						  4225, 4420, 4611, 4796, 4976, 5142, 5305, 5452); // 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='photo/big/" + nom + "' /><br />" + description;
	b.style.textAlign='center';
	b.style.color='#ffffff';
	b.style.fontSize='14px';
	b.style.fontWeight='bold';
	
  }