var TRIdx=0;
var TimeTxt;
var TimeChr;
// 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() );
	});
	TRIdx = 0
	rotateTicker();
}

function rotateTicker(){
	if( TRIdx < 0 || TRIdx == tickerItems.length ){
	  TRIdx = 0;
	}
  tickerText = tickerItems[TRIdx];
	TRChrIdx = 0;
	typetext();
	TimeTxt= setTimeout( "rotateTicker()", 7000 );
	TRIdx++;
}

var isInTag = false;
function typetext() {	
	var thisChar = tickerText.substr(TRChrIdx, 1);
	if( thisChar == '<' ){ isInTag = true; }
	if( thisChar == '>' ){ isInTag = false; }
	$('#ticker-area').html("&nbsp;" + tickerText.substr(0, TRChrIdx++));
	if(TRChrIdx < tickerText.length+1)
		if( isInTag){
			typetext();
		}else{
			TimeChr=setTimeout("typetext()", 28);
		}
	else {
		TRChrIdx = 1;
		tickerText = "";
	}	
}
function NextText()
{
    if(TimeChr)
        clearTimeout(TimeChr);
    if(TimeTxt)
        clearTimeout(TimeTxt);
    //TRIdx++;
    rotateTicker();
}
function PreText()
{
     if(TimeChr)
        clearTimeout(TimeChr);
    if(TimeTxt)
        clearTimeout(TimeTxt);
    TRIdx=TRIdx-2;
    rotateTicker();
}