var mycarousel_itemList = [
	{url: 'image/news-clipping/preaw-625.jpg', title: 'Preaw 625', target: 'news-clipping/preaw-625.php'},
	{url: 'image/news-clipping/lets-08.jpg', title: 'LET’S Volume 08 / 1 MAY 2008', target: 'news-clipping/lets-08-may-2008.php'},
	{url: 'image/news-clipping/j-spy-cover-101.jpg', title: 'J-SPY No.101', target: 'news-clipping/j-spy-101.php'},
    {url: 'image/news-clipping/DACO-08-03-20-cover.jpg', title: 'DACO', target: 'news-clipping/daco-08-03-20.php'},
    {url: 'image/news-clipping/eduzone-08-i23-cover.jpg', title: 'Eduzone', target: 'news-clipping/eduzone-08-i23.php'},
	{url: 'image/news-clipping/kokoro-cover-003.jpg', title: 'KOKORO Vol.3', target: 'news-clipping/kokoro-03.php'}
];

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_itemList.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
};

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

/* */
function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
/*    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });
*/
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

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

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