var calAuto = true;
var calTime = 7500;
var calScroll = 1;
var calTimeout = 0;
var calWidth = 200;

//Note: variable calTabCount must contain the number of tabs before this function is called.
function calWidgetInit() {
	var cont = document.getElementById('calcontrols');
	if (calTabCount > 1) {
		var html = '';
		for (var i = 1; i <= calTabCount; i++) {
			html += "<a class='calcont" + (i == 1 ? 'on' : 'off') + "' id='calcont" + i + "' href='javascript:showCalTab(" + i + ")'>" + i + "</a>";
		}
		cont.innerHTML = html;

		if (calAuto) {
			calTimeout = setTimeout("scrollCalTab()", calTime);
		}
	}
}

function scrollCalTab() {
	if (calAuto && (calTabCount > 1)) {
		calTimeout = setTimeout("scrollCalTab()", calTime);
		
		calScroll++;
		if(calScroll > calTabCount) calScroll = 1;
		calMoveTo(calScroll);
	}
}

function showCalTab(num) {
	clearTimeout(calTimeout);
	calMoveTo(num);
}

function calMoveTo(num) {
	for (var i = 1; i <= calTabCount; i++) {
		var el = document.getElementById("calcont" + i);
		if(el) {
			el.className = 'calcont' + (i == num ? 'on' : 'off');
		}
	}

	var x = calWidth - calWidth*num;
	var	el = document.getElementById('caltabsinner');
	
	var ex = new Animator().addSubject(new CSSStyleSubject(el, "margin-left: " + x));
	ex.toggle();
}