function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
    // The index() method calculates the index from a given index who is out of the actual item range.
    idx = carousel.index(i, mycarousel_itemList.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
	
	stringTitle=mycarousel_itemList[idx - 1].title;	
	stringTesto=mycarousel_itemList[idx - 1].testo;
	
	if(stringTitle=="" && stringTesto=="")
	{
		document.getElementById("contentDidascalie").style.display  = 'none';
		document.getElementById("contentDidascalie").style.zIndex  = '100';
	}
	else
	{
		document.getElementById("contentDidascalie").style.display  = 'block';
		document.getElementById("contentDidascalie").style.zIndex  = '100';
		document.getElementById("titolo").innerHTML = mycarousel_itemList[idx - 1].title;
		document.getElementById("testo").innerHTML = mycarousel_itemList[idx - 1].testo;
	}
	
};

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
	carousel.remove(i);
};

/* Item html creation helper. */
function mycarousel_getItemHTML(item)
{
    return '<div class="boxImage"><a href="' + item.addressLink + '"><img src="' + item.url + '" alt="' + item.title + '" /></a></div>';
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
		scroll: 1,
		visible: 0.5,
        wrap: 'circular',
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});