﻿//Scrolling Marquee
var marqueeWidth = '740';          // width (in pixels)
var marqueeHeight = '20px';         // height (in pixels)
var marqueePause = false;           // pause on mouseover (true or false)
var marqueeSpeed = 3;               // scroll speed (1 = slow, 5 = fast)
var marqueeCPS = marqueeSpeed;
var marqueeOffsetWidth, marquee, scrollingMessage;

function startMarquee(message)
{
	if (document.getElementById) {
		var tick = '<div style="position: relative; width: 100%; height: ' + marqueeHeight + '; overflow: hidden;"';
		if (marqueePause)
			tick += ' onmouseover="marqueeCPS = 0;" onmouseout="marqueeCPS = marqueeSpeed;"';
		tick += '><div id="marquee" style="position: absolute; left: 0px; top: 0px; white-space: nowrap;"><\/div><\/div>';
		
		scrollingMessage = document.getElementById('scrollingMessage')
		if (scrollingMessage != null && typeof scrollingMessage !== 'undefined') {
		    scrollingMessage.innerHTML = tick;
		}
		
		marquee = document.getElementById("marquee");
		if (marquee != null && typeof marquee !== 'undefined') {
		    marquee.style.left = (parseInt(marqueeWidth) + 10) + "px";
		    marquee.innerHTML = '<span id="marqueeText">' + message + '<\/span>';
		    marqueeOffsetWidth = document.getElementById("marqueeText").offsetWidth;
		    var lefttime = setInterval("scrollMarquee()", 50);
		}
	}
} 

function scrollMarquee(){
	marquee.style.left = (parseInt(marquee.style.left) > (-10 - marqueeOffsetWidth)) ?parseInt(marquee.style.left) - marqueeCPS + "px" : parseInt(marqueeWidth) + 10 + "px";
} 
