var carousselDuration = 8000;	// in milliseconds
var slideInTime = 2000;			// in milliseconds
var slideOutTime = 1000;		// in milliseconds

// all images... to cycle
var tickertexts = new Array();
tickertexts[0] = 'images/ticker/0.png';
tickertexts[1] = 'images/ticker/1.png';
tickertexts[2] = 'images/ticker/2.png';

// don't change anything below this line :)

var tickerLength = tickertexts.length;
var tickerCurrent = 0;

function caroussel() {
	showTicker(tickertexts[tickerCurrent]);
	tickerCurrent++;
	if(tickerCurrent > tickerLength - 1)
		tickerCurrent = 0;
	setTimeout(function() {
		hideTicker();
		setTimeout(function() {
			caroussel();
		}, slideOutTime+500);
	}, carousselDuration);
}

function showTicker(imageLink) {
	$("#tickerbox").html('<img src="' + imageLink + '" style="z-index:30;"/>');
	$("#tickerbox").show("slide", { direction: "right" }, slideInTime);
}
function hideTicker() {
	$("#tickerbox").hide("slide", { direction: "right" }, slideOutTime);
}