// when the DOM is ready...
$(document).ready(function () {
  // load the ticker
	//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).text() );
	});
	i = 0
	rotateTicker();
}

function rotateTicker(){
	if( i == tickerItems.length ){
	  i = 0;
	}
  tickerText = tickerItems[i];
	c = 0;
	typetext();
	setTimeout( "rotateTicker()", 8000 );
	i++;
}

function typetext() {	
	$('#ticker-area').html( tickerText.substr(0, c++) + "&nbsp;"+((c < tickerText.length + 1)&&(c%4==0)?"-":"<span style='text-decoration:blink;'>_</span>") );
	if( c < tickerText.length + 1 ){
		setTimeout( "typetext()", 30 );
  }else {
		c = 1;
		tickerText = "";
	}	
}