// when the DOM is ready...
var c;
var tickerText;
var iTicker;
var tickerClass;
$(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) {
		//alert(jQuery(this));
		tickerItems.push( jQuery(this).html() );
//		tickerItems.push( jQuery(this) );
	});
	iTicker = 0
	if( tickerItems.length > 0 ){
		rotateTicker();
	}
}

function rotateTicker(){
	if( iTicker == tickerItems.length ){
	  iTicker = 0;
	}
  tickerText = tickerItems[iTicker];
//    tickerText = tickerItems[iTicker].html();
//  	alert(tickerItems[iTicker].className);
//	alert();

	c = 0;
	typetext();
	setTimeout( "rotateTicker()", 5000 );
	iTicker++;
}

var isInTag = false;
function typetext() {	
	var thisChar = tickerText.substr(c, 1);
	if( thisChar == '<' ){ isInTag = true; }
	if( thisChar == '>' ){ isInTag = false; }
//	$('#ticker-area').html("&nbsp;" + tickerText.substr(0, c++));
//	var tmpitem=tickerItems[iTicker].html(tickerText.substr(0, c++));
//alert(tickerItems[iTicker].attr('class'));
/*if (tickerItems[iTicker].attr('class')!=""){
	tickerClass=tickerItems[iTicker].attr('class');	
}*/

//	$('#ticker-area ul').html("<li class=\""+tickerClass+"\">" + tickerText.substr(0, c++)+"</li>");
	$('#ticker-area ul').html("<li>" + tickerText.substr(0, c++)+"</li>");

//	$('#ticker-area ul').html(tmpitem);
	
	if(c < tickerText.length+1)
		if( isInTag ){
			typetext();
		}else{
			setTimeout("typetext()", 28);
		}
	else {
		c = 1;
		tickerText = "";
	}	
}