// JavaScript Document
var galleryTimer;
var galleryOffset;
var galleryOffsetPos;
var gallerySpeed = 5;
var galleryFreq = 10;
var arrayGallery = new Array();
var selectedThumb = 0;

function animGallery(){
	var width = 0;
	var galleriaImmaginiEl = document.getElementById("galleria_immagini_box");
	
	arrayGallery = document.getElementsByClassName("image_gallery");
	
	for(var i=0;i<arrayGallery.length;i++){
		width = width + arrayGallery[i].width + 16;
	}
	
/*
	for(var i=0;i<10;i++){
		arrayGallery[i] = document.getElementById("img" + (i+1));
		width = width + arrayGallery[i].width + 16;
		//alert(arrayGallery[i].width);
	}
*/	

	galleriaImmaginiEl.style.width = (width + 10) + "px";
}
					
function startScroll(direction_param){
	if(selectedThumb == 0 && direction_param == 'right'){
		//do nothing
	}else{
		galleryTimer = setInterval("scrollGallery('" + direction_param + "')",galleryFreq);
		if(direction_param == 'left'){
			galleryOffset = arrayGallery[selectedThumb].width + 16;
		}else{
			galleryOffset = arrayGallery[selectedThumb - 1].width + 16;
		}
		galleryOffsetPos = galleryOffset;
		
		if(direction_param == 'left'){
			selectedThumb++;
		}else{
			selectedThumb--;
		}
	}
}

function scrollGallery(direction_param){
	var galleriaImmaginiEl = document.getElementById("galleria_immagini_box");
	var gallerySpeedDirection = gallerySpeed;
	
	if(direction_param == 'left'){
		gallerySpeedDirection = -gallerySpeed;
	}
	
	galleriaImmaginiEl.style.left = (parseInt(galleriaImmaginiEl.style.left) + gallerySpeedDirection ) + "px";
	//alert(galleriaImmaginiEl.style.left);
	
	galleryOffsetPos = galleryOffsetPos - gallerySpeed;
	
	if(galleryOffsetPos <= 0){
		clearInterval(galleryTimer);

		if(galleryOffsetPos < 0){
			if(direction_param == 'left'){
				galleriaImmaginiEl.style.left = (parseInt(galleriaImmaginiEl.style.left) - galleryOffsetPos) + "px";
			}else{
				galleriaImmaginiEl.style.left = (parseInt(galleriaImmaginiEl.style.left) + galleryOffsetPos) + "px";
			}
		}
		
		galleryOffsetPos = galleryOffset;
	}
}

function selezionato(objEl){
	objEl.style.backgroundColor = "#fffa68";
}

function deselezionato(objEl){
	objEl.style.backgroundColor = "#ffffff";
}