// Animation 360°
var posjon = new Array(0, 188, 368, 538, 693, 841, 980 , 1106, 1216, 1329,
						  1449, 1578, 1715, 1878, 2044, 2235, 2430, 2628, 2825,
						  3018, 3203, 3379, 3514, 3619, 3749, 3895, 4060, 4261, 
						  4483, 4710, 4935, 5150); // dernière valeur = largeur de l'image
var tetejon = new Array(96, 284, 463, 631, 778, 918, 1045 , 1162, 1274, 1406,
						  1536, 1675, 1826, 1994, 2158, 2333, 2516, 2698, 2892,
						  3075, 3253, 3420, 3555, 3673, 3803, 3961, 4153, 4369, 
						  4600, 4823, 5048); // dernière valeur = largeur de l'image
var cpt = 1;
var timer;
function anim() {
	var e = document.getElementById('fondjon');
	var x = posjon[cpt];
	var ptx = tetejon[cpt] - x;
	var left = 150 - ptx;
	var w = posjon[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==posjon.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';
	
  }