/// <reference path="jquery-1.3.2-vsdoc2.js" />

function mycarousel_initCallback(carousel) {
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt) {
    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_getItemHTML(item) {

    return '<a class="missLink" href="' + item.articleUrl + '"><img  src="' + item.imageUrl + '" class=\"missImage\" title=\"' + item.title + '\" /><div class="missTextShortInfo">' + item.shortInfo + '</div></a>';
};

jQuery(document).ready(function() {
jQuery('.jcarousel-skin-tango').jcarousel({
        wrap: 'circular',
        auto: 6,
        scroll: 4,
        animation: 'slow',
        itemVisibleInCallback: { onBeforeAnimation: mycarousel_itemVisibleInCallback },
        itemVisibleOutCallback: { onAfterAnimation: mycarousel_itemVisibleOutCallback },
        initCallback: mycarousel_initCallback
    });
});