// JavaScript Document

function mycarousel_itemLoadCallback(carousel, state){
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > mycarousel_itemList.length) {
            break;
        }

        // Create an object from HTML
        var item = jQuery(mycarousel_getItemHTML(mycarousel_itemList[i-1])).get(0);

        // Apply thickbox
        tb_init(item);

        carousel.add(i, item);
    }
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item){
   // var url_m = item.url.replace(/_s.jpg/, 'L.jpg');

	var start = "";
	var url = item.url;
	if(url.indexOf('../') != -1){
		start = "../";
		var url = item.url.replace('../', '');
	}
    return '<a href="' + item.url + '" title="' + item.title + '"><img src="phpthumb.php?src='+start+ url + '&w=58&h=58&zc=1" width="58" height="58" border="0" alt="' + item.title + '" /></a>';
};




function tb_init(domChunk){

	$(domChunk).click(function(){	
		tbShow ($(domChunk));
		return false;
	});
}


function tbShow (ob){

	var caption = $(ob).attr('title') || $(ob).attr('name') || null;
	var url = $(ob).attr('href')|| ob.attr('alt');
	var rel = $(ob).attr('rel') || false;
	$('#bigImgPG img').remove();
	$("#bigImgPG").append("<div id='TB_load'><img src='"+imgLoader.src+"' class='load'/></div>");//add loader to the page
	$('#TB_load').show();//show loader

	var baseURL;
	if(url.indexOf("?")!==-1){ //ff there is a query string involved
		baseURL = url.substr(0, url.indexOf("?"));
	}else{ 
	   	baseURL = url;
	}

	showImage(baseURL);	

	$(ob).blur();

	

}


function showImage(src){		
	
	var largeImage = new Image();
	$(largeImage).load(function(){
		$(this).hide();
		$('#bigImgPG img').remove();
		$('#bigImgPG').append(this);
		$(this).fadeIn("fast");              
	});    
	$(largeImage).attr("src", src);                                                                               
}


jQuery(document).ready(function() {

	imgLoader = new Image();// preload image
	imgLoader.src = tb_pathToImage;
	
	$('#bigImgPG').after('<ul id="mygallery" class="jcarousel-skin-ie7"></ul>');

    jQuery('#mygallery').jcarousel({
        size: mycarousel_itemList.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
	
	//il primo elemento
	
	tbShow ($('#mygallery li a'));




});