var speed = 18;

var kk = pic.length;
var ii;
var hhh;
var nnn;
var myInterval;
var myPause;
var mode = 0;


var imgArray = new Array(kk);
var myLeft = new Array(kk);

for (ii=0;ii<kk;ii++){
imgArray[ii] = new Image()
imgArray[ii].src = pic[ii].name
imgArray[ii].width = pic[ii].width

	hhh=0 
	for (nnn=0;nnn<ii;nnn++){
		hhh=hhh+pic[nnn].width
	}
	myLeft[ii] = hhh
}

function ready(){
	for (ii=0;ii<kk;ii++){ 
		//alert($("#scroller img").length);
		//if ($("#scroller").images[ii].complete == false){			
		 if ($("#scroller img")[ii].complete == false){					 
			return false	
			break
		}
	}
return true
}


function startScrolling(){
	if (ready() == true){		
		window.clearInterval(myPause)
		myInterval = setInterval("autoScroll()",speed)	
	}
}	
	

function autoScroll(){
	for (ii=0;ii<kk;ii++){
		myLeft[ii] = myLeft[ii] - 1
		
	if (myLeft[ii] == -(pic[ii].width)){
		hhh = 0
		for (nnn=0;nnn<kk;nnn++){
			if (nnn!=ii){
				hhh = hhh + pic[nnn].width
			}			
		}
		myLeft[ii] =  hhh
	}
		
				
		//$("#scroller").images[ii].style.left = myLeft[ii]
		$("#scroller img")[ii].style.left = myLeft[ii]
	}
	mode = 1
}

function stop(){
	if (mode == 1){
		window.clearInterval(myInterval)
	}
	if (mode == 0){
		window.clearInterval(myPause)
	}	
}

function go(){
	if (mode == 1){
		myInterval = setInterval("autoScroll()",speed)
	}
	if (mode == 0){
		myPause = setInterval("startScrolling()",1000)
	}	
}





$(document).ready(function() {
		$("#scroller").html("");
		for (ii=0;ii<kk;ii++){
			$("#scroller").html($("#scroller").html()+"<a id='imgF" + ii +"' href='"+ pic[ii].namebig +"'><img space=0 hspace=0 vspace=0 border=0 height=160 style=position:absolute;top:0;left:" + myLeft[ii]  + "; src=" + pic[ii].name + "></a>");			
			//$("#scroller a#imgF"+ii).fancybox();
		}		
		for (ii=0;ii<kk;ii++){
			//$("#scroller").html($("#scroller").html()+"<a id='imgF" + ii +"' href='"+ pic[ii].name +"'><img space=0 hspace=0 vspace=0 border=0 height=160 title='Ingradisci l Immagine' style=position:absolute;top:0;left:" + myLeft[ii]  + "; src=" + pic[ii].name + "></a>");			
			$("#scroller a#imgF"+ii).fancybox({'zoomSpeedIn':	0, 'zoomSpeedOut':	0, 'overlayShow':	true,'hideOnContentClick': true});
		}	
});