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 '<div id="jcarousel_msgdiv" onclick="window.open(\''+item.link+'\')">'+
			'<small class="item_date">'+item.datum+' '+item.quelle+'</small><br />'+
			'<strong>'+item.ueberschrift+'</strong>'+
			'<br />'+item.nachricht+'</div>';
};

function mycarousel_initCallback(carousel)
{
	var oldColor = $(".jcarousel-container").css("background-color");

    carousel.clip.hover(function() {
		$(".jcarousel-container").css("background-color", "#dbe3e6");
		$(".jcarousel-container").css("cursor", "pointer");
        carousel.stopAuto();
    }, function() {
		$(".jcarousel-container").css("background-color", oldColor);
        carousel.startAuto();
    });
};


jQuery('#mycarousel').jcarousel({
	wrap: 'circular',
	visible: 1,
	auto: 6,
	scroll: 1,
	initCallback: mycarousel_initCallback,
	itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
	itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
});

