var percorso = "/skin/valleverde10/img/galleriaHome/" 
var name = "HomePag"
var numImage = 7;
var tempoTransizione = time(2);
var tempoRipetizione = time(8)
var ext = "jpg"
var currentFrame = 0;

function creClip(){
	
	
	$('<ul class="fade_img"></ul>').appendTo('#flash_obj')
	
	for(i=0; i < numImage ; i++){
		
		$('<li class="img_'+i+'" style="z-index:'+1+'; display:none;"><img src ="' + percorso + name + i + '.' + ext + '" alt="valleverde_' + i + '" title="valleverde_' + i + '"></img></li>').appendTo('ul.fade_img');
	
	}
	anima()
	
}
function anima(){
	
	++currentFrame;

	transizione(currentFrame);
	
	if( currentFrame == numImage ){	
		
		currentFrame = 0;
		
	}
	
	onFooEndFunc();

	function transizione(idPassato){
		
		oldFrame = idPassato - 1;
		
		
		$(".img_"+idPassato).fadeIn(tempoTransizione, function(){})
		
		if(	idPassato >= 1){		
		
			$(".img_"+oldFrame).css('display','none');	
		
		}
		
		if(idPassato == numImage){
			
			$(".img_"+0).fadeIn(tempoTransizione, function(){})		
			
		}
	}
}

var onFooEndFunc = function() {
	var delay = tempoRipetizione;
	var executionTimer;

	return function() {
		if (executionTimer) {
			clearTimeout(executionTimer);
		}
		executionTimer = setTimeout(function() {
			anima();
		}, delay);
	};
}();


function time(sec) {
	return sec * 1000;
}

$(document).ready(function() {
	creClip();
})

$(window).load(function() {
	//anima();
});