document.observe("dom:loaded", function(){resetElementsOpacity(); Shadowbox.init();});

	var lastElement = "";
	var currentPosition = 1;
	var intTotImages = 0;

	function resetElementsOpacity(){
		//tutti gli elementi a della lista
		if (0){
			var arrElements = $("galleryIndexAdmin").getElementsByClassName('galleryIndexItem');
		}else{
			var arrElements = $("galleryIndex").getElementsByClassName('galleryIndexItem');
		}
		
		//numero totale icone
		intTotImages = arrElements.length;
		
		if (intTotImages > 0){
			//IMPOSTAZIONI INIZIALI
			//attivo la prima icona (cioè opacità 1 e pulsante watch)
			new Effect.Opacity(arrElements[0], {duration:0.0, to:1.0});
			lastElement = "flash1";
			var objIco = $("flash1Img");
			objIco.setAttribute("src", "/uploads/NF/Im/NFIm1oTcDQeRSnkgy4UDRg/watch.png");
			
			//disattivo la freccia indietro
			var objPrevDiv = $("prevArrow");
			objPrevDiv.update('<img src="/uploads/kO/IO/kOIOWvAOz7BFYceGlrfpOQ/prevProdOff.gif" id="imgPrevArrow" alt="previous" border="0" />');
			
			//se ho meno di 3 icone disattivo anche la freccia avanti
			var objNextDiv = $("nextArrow");
			if (intTotImages<=3){
				objNextDiv.update('<img src="/uploads/I6/4t/I64to62qAXaB1T9G5corNg/nextProdOff.gif" id="imgNextArrow" alt="next" border="0" />');
			}
			
			//calcolo la larghezza della lista (che dovrà scorrere) in base al numero di icone
			//e al fatto di trovarmi o no in admin
			var objImageList = $("imageList");
			var listWidth = 0;
			//se sono in admin ingrandisco la lista perchè altrimenti i controls non ci stanno
			if (0){
				listWidth = (140 + 8) * intTotImages;
			}else{
				listWidth = (104 + 8) * intTotImages;
			}
			listWidth = listWidth + "px";
			objImageList.setStyle({width:listWidth});
			
			//disattivo tutte le altre icone (non selezionate)
			for (i=1; i < arrElements.length; i++){
				arrElements[i];
				
				new Effect.Opacity(arrElements[i], {duration:0.0, from:1.0, to:0.5});
			}
		}
	}
	
	//attivazione icona e caricamento main image
	function rollOn(v_idSource){
		
		if(lastElement != v_idSource){
		
			if(lastElement != ""){
				HideEffect(lastElement);
			}
			ShowEffect(v_idSource);
		}
		
		lastElement = v_idSource;
	}
	
	//setta opacità 1 per l icona corrente e visualizza il pulsante watch 
	function ShowEffect(element){
		var objIco = $(element+"Img");
		var objAIco = $(element);
    		new Effect.Opacity(objAIco, {duration:0.2, from:0.5, to:1.0});
    		//in realtà l immagine icona è utilizzata come sfondo e sopra, al rollover, visualizzo 
    		//il bottone WATCH
		objIco.setAttribute("src", "/uploads/NF/Im/NFIm1oTcDQeRSnkgy4UDRg/watch.png");
   	}
   	//setta opacità 0 per l icona corrente e nasconde il pulsante watch
   	function HideEffect(element){
   		var objIco = $(element+"Img");
   		var objAIco = $(element);
    		new Effect.Opacity(objAIco, {duration:0.2, from:1.0, to:0.5});
    		//in realtà l immagine icona è utilizzata come sfondo e sopra, al rollover, visualizzo 
    		//il bottone WATCH
    		objIco.setAttribute("src", "/uploads/qQ/6C/qQ6C6IVGpMGxODwRZlP9Gg/np.gif");
   	}
   	
   	//fa scorre la lista con le icone avanti o indietro a seconda del valore di "step"
   	function moveList(step,isAdmin){
		var objList = $("imageList");
		var stepX = 109;
		if (isAdmin == "1") stepX = 138;
		if (step == 1) {
			new Effect.Move(objList, { x: -stepX, y: 0, mode: 'relative' });
		}else{
			new Effect.Move(objList, { x: stepX, y: 0, mode: 'relative' });
		}
		currentPosition = currentPosition + step;

		var objPrevDiv = $("prevArrow");
		var objNextDiv = $("nextArrow");
		//se la lista ha raggiunto il limite destro o sinistro disattivo la freccia avanti o indietro
		if ((currentPosition + 2) >= intTotImages){
			objNextDiv.update('<img src="/uploads/I6/4t/I64to62qAXaB1T9G5corNg/nextProdOff.gif" id="imgNextArrow" alt="next" border="0" />');
			objPrevDiv.update('<a href="#" id="prevLink" onclick="moveList(-1);return false;"><img src="/uploads/Sj/Pa/SjPamZD4wlFssh-4fo3A7A/prevProd.gif" id="imgPrevArrow" alt="previous" border="0" /></a>');
		}else if (currentPosition <= 1){
			objPrevDiv.update('<img src="/uploads/kO/IO/kOIOWvAOz7BFYceGlrfpOQ/prevProdOff.gif" id="imgPrevArrow" alt="previous" border="0" />');
			objNextDiv.update('<a href="#" id="nextLink" onclick="moveList(1);return false;"><img src="/uploads/zo/Rk/zoRkKRQ4coxIH9BTJOIULg/nextProd.gif" id="imgNextArrow" alt="next" border="0" /></a>');
		}else{
                        objPrevDiv.update('<a href="#" id="prevLink" onclick="moveList(-1);return false;"><img src="/uploads/Sj/Pa/SjPamZD4wlFssh-4fo3A7A/prevProd.gif" id="imgPrevArrow" alt="previous" border="0" /></a>');
                        objNextDiv.update('<a href="#" id="nextLink" onclick="moveList(1);return false;"><img src="/uploads/zo/Rk/zoRkKRQ4coxIH9BTJOIULg/nextProd.gif" id="imgNextArrow" alt="next" border="0" /></a>');
    		}
				
		
		
	}