function mycarousel_initCallback(carousel) {
	// Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
	
	$('#billboardnavigation li a').bind('click', function() {
        carousel.scroll($.jcarousel.intval(this.getAttribute('rel')));
		carousel.stopAuto();
		carousel.startAuto();
        return false;
    });

}

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt) {
	var currentBillboard = '#billboard'+carousel.index(i);
	if ($('#billboardnavigation').children().length <= 1) {
		$('#billboardnavigation').css('display','none');
	}
	$('#billboardnavigation li a').removeClass('selected');
	$(currentBillboard).addClass('selected');	
}

$(document).ready(function() {
    $('#billboards').jcarousel({
		animation: 'normal',
		scroll: 1,
        auto: 5,
        wrap: 'last',
        initCallback: mycarousel_initCallback,
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback}
    });
	
	$("#rssticker").jCarouselLite({
		circular: true,
        vertical: true,
        visible: 1,
        auto: 5000,
        speed: 1000,
		hoverPause:true
    });

});