// when the DOM is ready...
$(document).ready(function () {
  // load the ticker
	if (document.getElementById('ticker-area')) createTicker();
}); 

function createTicker(){
	// put all list elements within #ticker-area into array
	var tickerLIs = $("#ticker-area ul").children();
	tickerItems = new Array();
	tickerLIs.each(function(el) {
		tickerItems.push( jQuery(this).html() );
	});
	$("#ticker-area").html("");
	$("#ticker-area").hover(function (){if(rotateTicker.timeOut) clearTimeout(rotateTicker.timeOut)}, function (){typeText(true);})
	$("#ticker-area").show();
	rotateTicker.current = 0;
	rotateTicker();
}

function rotateTicker(){
	if(rotateTicker.current == tickerItems.length) rotateTicker.current = 0;
    tickerText = tickerItems[rotateTicker.current];
	typeText.curChar = 0;
	typeText();
	rotateTicker.current++;
}

function typeText(StartNow) {	
	var thisChar = tickerText.substr(typeText.curChar, 1);
	if( thisChar == '<' ) typeText.isInTag = true; 
	if( thisChar == '>' ) typeText.isInTag = false; 
	$('#ticker-area').html("&nbsp;" + tickerText.substr(0, typeText.curChar++));
	if(typeText.curChar < tickerText.length+1)
		if(typeText.isInTag){
			typeText();
		}else{
			rotateTicker.timeOut = setTimeout("typeText()", 28);
		}
	else if (StartNow) {
		rotateTicker();
	}	
	else {
		rotateTicker.timeOut = setTimeout("rotateTicker()", 3000);
	}
}