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.
    var idx = carousel.index(i, mycarousel_itemImage.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemImage[idx - 1], i));
};

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

/**
* Item html creation helper.
*/
function mycarousel_getItemHTML(item, i)
{
    var strHtml = "";
    if (mycarousel_itemImage.length > 0 )
    {   
        strHtml = '<img src="' + item.url + '" style="border:0" alt="' + item.title + '" />';        
    }
    return strHtml;          
};