function clearImagesHolder(){
	
	$('imagesHolder').update("");
	
}

function addImageAtHolder(url, marker, type, tappa){
	
	var imgtag = document.createElement('img');
	imgtag.src = url;
	
	imgtag.id = "miniimg" + images;
	images++;
	
	if (type == TOUR) 
		imgtag.setStyle({
			'border': '1px solid blue',
			'height':'75px',
			'width':'75px'
		});
	else if (type == RANDOM)
		imgtag.setStyle({
			'border': '1px solid red'
		});
		
	$("imagesHolder").appendChild(imgtag);

	Event.observe(imgtag, 'click', function(event) { 
		responseMarkerClick(marker, type, tappa);
	}); 
	
	checkArrowsEnable();

}

function checkArrowsEnable() {

	var largh = $("imagesHolder").getWidth();
	
	//Ogni foto è larga 75px, 2px per bordo
	var n = parseInt(parseInt(largh) / 77);
	
	if ((images - hideimages) > n){
		var stile = "url(" + nextEnUrl + ")"
	
		$("nextArrow").setStyle({
			"background": stile
		});
		
		nextEnabled = true;
	} else {
		var stile = "url(" + nextDisUrl + ")"
	
		$("nextArrow").setStyle({
			"background": stile
		});	

		nextEnabled = false;
	}
	
	if (((images - hideimages) < n) && (images > n)){
		goPrevImg();
	}

}

function goNextImg() {

	if (nextEnabled){
		$("miniimg" + hideimages).toggle();
		//Effect.toggle("miniimg" + hideimages,'appear', {duration:0.5}); 

		hideimages++;
	}
	
	checkArrowsEnable();
	prevEnabled = true;
	var stile = "url(" + prevEnUrl + ")"
	
	$("prevArrow").setStyle({
		"background": stile
	});

}

function goPrevImg() {

	if (prevEnabled) {
		hideimages--;
		$("miniimg" + hideimages).toggle();
		//Effect.toggle("miniimg" + hideimages,'appear', {duration:0.5}); 
	}
	
	if (hideimages == 0) {
		var stile = "url(" + prevDisUrl + ")"
		
		$("prevArrow").setStyle({
			"background": stile
		});
		
		prevEnabled = false;
	}
	
	checkArrowsEnable();

}