var currimg = null;
var goslide=true;

function continueSlide(){
	if (goslide) 
	    return true;
	else 
	    return false;}

$(document).ready(function() {

	
    if ($('#testataflash img').size() > 1){
        $('#testataflash').innerfade(
	        { 	animationtype: 'fade', 
		        speed: 2000, 
		        timeout: 3000, 
		        type: 'sequence', 
		        containerheight: 403,
		        runningclass: 'innerfade'
	        });
    } else {
        $('#testataflash img').show();
        
    }
    
    
    
    $("#slidebar").load("/static/template/fileSystemRead.aspx?chid=" + idch, null ,function(){
    
																					$("#slidebar").show("fast");
																					
																					$(".jMyCarousel").jMyCarousel({
																						btnPrev: $('#gl'), // commentare per avere il bottone indietro sulla prima immagince
																						btnNext: $('#gr'), // commentare per avere il bottone avanti sull'ultima immagine
																						visible: '888px',
																						eltByElt: true
	});

	
	$('#testataflash').show("fast");
	
	
    // opacizza le immagini 
	$(".jMyCarousel li img").fadeTo("fast",0.30);  

    
    // se il mouse passa sopra immagine evidenzia la foto
	$(".jMyCarousel li img").hover(
		function(){$(this).fadeTo("fast",100);},
		function(){$(this).fadeTo("fast", 0.33);}
	);

	$("#imageszoom").load("/static/template/fileSystemRead_zoom.aspx?chid=" + idch, null ,function(){});
    // click sull'immagine zoom
    // NB: come immagine zoom viene presa l'immagine cliccata
    //     in realtà dovrebbe essere il nome variante dell'immagine cliccata
	$(".jMyCarousel li img").click(
		function(){
                    var is = $(this).attr("src");
                    currimg = this.id;
                    animateimg(is);
		            }
	);

    // al click sulla immagine zoom passa alla successiva immagine.
	$("#izoom").click(
		function(){
		            var x = parseInt(currimg.replace("ilm",""));
		            x = x+1;
		            currimg = "ilm"+x;
		            if ($("#"+currimg).length==0)
		                currimg = "ilm"+1;
		            var is = $("#"+currimg).attr("src");
		            animateimg(is);
		            }
	);

    // al click sul close di zoom nasconde il div.
	$("#dclose").click(
		function(){
		            $("#dzoom").hide("fast");
		            $("#izoom").attr("src","img/trasparente.gif");
		            }
	);



	});	
    // al click sul pulsante  stop slide lo avvia
	$("#stopslide").click(
		function(){
		            goslide=false;
		            }
	);

    // al click sul pulsante slide lo avvia
	$("#goslide").click(
		function(){
 		            goslide=true;
					$("#dzoom").show("fast");
					$(".jMyCarousel li img").each(function(){
                                var is = $(this).attr("src");
                                animateimg(is);		                                
                                $("#izoom").wait(1000);
                                return (continueSlide());
                            });
   		            }
	);
	// funzione di servizio per fare lo sleep sulla immagine corrente
    $.fn.wait = function(time, type) {
        time = time || 1000;
        type = type || "fx";
        return this.queue(type, function() {
            var self = this;
            setTimeout(function() {
                $(self).dequeue();
            }, time);
        });
    };
	// nasconde ev immagine e visualizza la corrente
	function animateimg(is){
		var zoomsrc = is.replace("_on","").replace("small","zoom");
		
		$("#dzoom").show("fast");
		$("#izoom").fadeOut("fast", function(){$("#izoom").attr("src",zoomsrc);});
		
		$("#izoom").fadeIn("fast");
		
		
		
		
	}
    
});