var newImg = new Image;
var indice = 0;
var nbimg = 0;

function changeImage(imgTarget, imgUrl){
	new Effect.Fade(imgTarget, {
		duration: .4,
		afterFinish: function(){
			newImg.onload = function(){
			$(imgTarget).src = newImg.src;
				new Effect.Appear(imgTarget);
			}
			newImg.src = imgUrl;
		}
	});
}

/*function hideshow(){
	if(indice<1){
		$('less').setStyle({visibility:'hidden'});
	}
	else{
		$('less').setStyle({visibility:'visible'});
	}
		
	if(indice >= (nbimg-1))
		$('more').setStyle({visibility:'hidden'});
	else
		$('more').setStyle({visibility:'visible'});
}*/

function initBtn(){
	/*Event.observe('less', 'click', previous);
	Event.observe('more', 'click', next);*/
	nbimg = img.length;
	setInterval("next()", 5000);
	/*if(nbimg > 1)
		$('more').setStyle({visibility:'visible'});*/
}

/*function previous(e){
	Event.stop(e);
	indice--;
	changeAll();
}*/

function next(e){
	indice++;
	if(indice == nbimg)
		indice = 0;
	changeImage('monImage', img[indice]['url'])
}

/*function changeAll(){
	changeImage('monImage', img[indice]['url']);
	//$('linkimg').href = img[indice]['url'];
	//$('linkimg').title = img[indice]['alt'];
	//$('linkimg2').href = img[indice]['href'];
	//$('linkimg2').title = img[indice]['title'];

	//hideshow();
}*/

Event.observe(window, 'load', initBtn);