var use_debug = false;

function debug() {
    if (use_debug && window.console && window.console.log) console.log(arguments);
}

// on DOM ready
$(document).ready(function () {
    $(".marquee").marquee({
        loop: -1
        // this callback runs when the marquee is initialized
			, init: function ($marquee, options) {
			    debug("init", arguments);

			    // shows how we can change the options at runtime
			    if ($marquee.is("#marquee2")) options.yScroll = "bottom";
			}
        // this callback runs before a marquee is shown
			, beforeshow: function ($marquee, $li) {
			    debug("beforeshow", arguments);

			    // check to see if we have an author in the message (used in #marquee6)
			    var $author = $li.find(".author");
			    // move author from the item marquee-author layer and then fade it in
			    if ($author.length) {
			        $("#marquee-author").html("<span style='display:none;'>" + $author.html() + "</span>").find("> span").fadeIn(850);
			    }
			}
        // this callback runs when a has fully scrolled into view (from either top or bottom)
			, show: function () {
			    debug("show", arguments);
			}
        // this callback runs when a after message has being shown
			, aftershow: function ($marquee, $li) {
			    debug("aftershow", arguments);

			    // find the author
			    var $author = $li.find(".author");
			    // hide the author
			    if ($author.length) $("#marquee-author").find("> span").fadeOut(250);
			}
    });
});

var iNewMessageCount = 0;

function addMessage(selector) {
    // increase counter
    iNewMessageCount++;

    // append a new message to the marquee scrolling list
    var $ul = $(selector).append("<li>New message #" + iNewMessageCount + "</li>");
    // update the marquee
    $ul.marquee("update");
}

function pause(selector) {
    $(selector).marquee('pause');
}

function resume(selector) {
    $(selector).marquee('resume');
}