var gcarousel = null;
var rotateBlock, rotatingText, rotatingTextSize;

function init_slider(size) {
	$("#scroll").slider({
		value:1,
		min: 1,
		max: size,
		step: 1,
		timeout:4000,
		autoslide:true,
		animate: true,
		slide: function(event, ui) {
			if(null != gcarousel)
				gcarousel.scroll(jQuery.jcarousel.intval(ui.value));
		}
	});
}

/**
 * We use the initCallback callback
 * to assign functionality to the controls
 */
function carousel_initCallback(carousel) {
	gcarousel = carousel;
	var visible = gcarousel.size() - gcarousel.options.visible + 1;
	init_slider(visible);
};

function carousel_init() {
	jQuery("#carousel").jcarousel({
		scroll: 1,
		visible: 6,
		initCallback: carousel_initCallback,
		// This tells jCarousel NOT to autobuild prev/next buttons
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
}

function setRotatingText(number) {
	var text = $('li:nth-child('+number+')', rotatingText).text();
	rotateBlock.text(text);
}

function rotatateText(number){
	if(number > rotatingTextSize)
		number = 1;
	setTimeout(function() {
		setRotatingText(number);
		rotatateText(++number);
	}, 3000);
}