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;
	if(nbimg > 1)
		$('more').setStyle({visibility:'visible'});
}

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

function next(e){
	Event.stop(e);
	indice++;
	changeAll();
}

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

	hideshow();
}

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