<!--//

	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');

	}

	//-->
