var posJson = function(id, json){ //QUESTA FUNZIONE MI PERMETTE DI SAPERE IL NUMERO CARDINALE DELLA FOTO A PARTIRE DAL SUO ID
	var pos;
	$.each(json, function(i,item){ 

		if (item.ID == id) {
			pos = i+1;
			return false;
		}
	
	});
	return pos;

}

var initGallery = function(container, urlJson, imgVisible, callback) {

	var imgArray = [];
			
	$(container).append("<ul></ul>");
			
	var ul = $("ul",container);
			
	$.ajax({
				  
		url: urlJson,
		dataType: "json",
		success: function (data, textStatus) {
			
			jsonJcarousel = data;
		
			$.each(data, function(i,item){
						
				//QUANDO SONO SUL PRIMO ELEMENTO CREO L'IMMAGINE GRANDE E ASSEGNO LE INFORMAZIONI
								
				if (i == 0) {
									
					$(".header-photogallery h1", $(container).parent()).html(item.THUMB_TITLE);
					$(".header-photogallery p a", $(container).parent()).html(item.TITLE);
					$(".header-photogallery p a", $(container).parent()).attr("href", item.URL);
									
					$(container).before('<img alt="'+item.THUMB_TITLE+'" title="'+item.THUMB_TITLE+'" id="preview" src="http://www.sky.it'+item.IMG_ORIGINAL+'"/>');
								
				} 
								
				if (i <= imgVisible){
								
					ul.append('<li><a href="#" title="'+item.THUMB_TITLE+'"><img imgindex="'+item.ID+'" alt="'+item.THUMB_TITLE+'" alt="'+item.THUMB_TITLE+'" src="http://www.sky.it'+item.THUMB_URL+'" ></a></li>');
								
								
				} else {
									
					ul.append('<li><a href="#" title="'+item.THUMB_TITLE+'"><img imgindex="'+item.ID+'" alt="'+item.THUMB_TITLE+'" class="spacer" alt="'+item.THUMB_TITLE+'" src="" ></a></li>');
										
					imgArray.push("http://www.sky.it"+item.THUMB_URL);
									
				}
			});
			
			//IMPOSTAZIONI INIZIALI
			$("li:eq(0)", ul).addClass("first");
			$("li:eq(0) a", ul).addClass("current");
						 
			$(".pager").html("Foto "+ 1 +" di "+data.length);

			initCarousel(container, imgArray, null, callback, imgVisible);
		}

	});
}

var initCarousel = function(container, imgArray, delay, callback, visible) {

	if (visible == null) //VISIBLE è NULL QUANDO LA FUNZIONE è CHIAMATA DA UN CAROUSEL CON SCORRIMENTO AUTOMATICO
		visible = $(container).parents().filter('.brick_container').hasClass('horizontal') ? 4 : 2;
	
	$(container).jCarouselLite({
		btnNext: $(container).parent().find(".next"),
		btnPrev: $(container).parent().find(".prev"),
		visible: visible,
		auto: delay,
		beforeStart: function(lis) {
			$(lis.get(0)).removeClass("first");
		},
		afterEnd: function(lis) {
			$(lis.get(0)).addClass("first");
		},
		galleryLazyItems: imgArray,
		callBackThumb: callback
	}).css("visibility","visible");
}

