// when the DOM is ready...
$(document).ready(function () {
    // load the ticker
    createTicker();

});

function createTicker() {
    // put all list elements within #ticker-area into array
    if ($("#ticker-area").size() > 0) {
        var tickerLIs = $("#ticker-area ul").children();
        tickerItems = new Array();
        tickerLIs.each(function(el) {
            tickerItems.push(jQuery(this).html());
        });
        i = 0
        rotateTicker();
    }
}

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

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++));
    if (c < tickerText.length + 1)
        if (isInTag) {
            typetext();
        } else {
            setTimeout("typetext()", 28);
        }
    else {
        c = 1;
        tickerText = "";
    }
}