// Screen dimensions
var canvasX;
var canvasY;

// Gets the dimensions of the client window
getWindowCoords = (navigator.userAgent.toLowerCase().indexOf('opera')>0||navigator.appVersion.toLowerCase().indexOf('safari')!=-1)?function() {
  canvasX = window.innerWidth;
  canvasY = window.innerHeight;
}:function() {
  canvasX = document.documentElement.clientWidth||document.body.clientWidth||document.body.scrollWidth;
  canvasY = document.documentElement.clientHeight||document.body.clientHeight||document.body.scrollHeight;
}


// Marquee variables and functions
var marquee;
var marqueeWidth = 1014;
var currentPosition;
var marqueeSpanWidth;
var marqueeMarginWidth;
var pixels = 1;
var interval = 10;
var marqueeTimer = null;
var marqueeSpan;
var marqueeRight;
var divMarqueeStart;
var divMarqueeStop;

function getMarqueeSpanWidth()
{
	marqueeSpanWidth = marqueeSpan.offsetWidth;
	marqueeMarginWidth = Math.floor((marqueeWidth - marqueeSpanWidth) / 2);
	marquee.style.width = marqueeWidth + "PX";
}

function startOffset()
{
	var w = (marqueeWidth - marqueeSpanWidth) / 2;
	return -(marqueeWidth - w);
}

function moveMarquee()
{
	currentPosition -= pixels;
	if (currentPosition < -(marqueeWidth - marqueeMarginWidth))
		currentPosition = canvasX - marqueeMarginWidth;
	marquee.style.left = currentPosition + "PX";
}

function startMarquee()
{
	tempWidth = marqueeWidth;
	marqueeRight = marqueeSpan.offsetLeft + marqueeSpan.offsetWidth;
	divMarqueeStart.style.visibility = "hidden";
	divMarqueeStop.style.visibility = "visible";
	divMarqueeStart.style.display = "none";
	divMarqueeStop.style.display = "block";
	if (!marqueeTimer) marqueeTimer = setInterval("moveMarquee()" , interval);
}

function stopMarquee()
{
	if (!marqueeTimer) return false;
	clearInterval(marqueeTimer);
	marqueeTimer = null;
	currentPosition = 0 ;
	marquee.style.right = currentPosition + "PX";
	divMarqueeStart.style.visibility = "visible";
	divMarqueeStop.style.visibility = "hidden";
	divMarqueeStart.style.display = "block";
	divMarqueeStop.style.display = "none";
	marquee.style.left = currentPosition + "PX";
}

// Initialization function
function init() {
	getWindowCoords();
	marquee = document.getElementById("marquee");
	marqueeSpan = document.getElementById("marqueeText");
	getMarqueeSpanWidth();
	currentPosition = 0 ;
	divMarqueeStart = document.getElementById("marqueeStart");
	divMarqueeStop = document.getElementById("marqueeStop");
	startMarquee();
}

// Set up automatic initialization
window.onresize = getWindowCoords;
window.onload = init;