/**
* Scroll the contents of a container in the same old school manner
* of a '<marquee>'
*
* Prerequisites: common.php
* 		 marquee.css
*
* How to use:
*   Give your marquee container an id of 'marquee'
*   Give an inline css attribute to the width of the marquee container
* 
* @author Sam Oakley
* @copyright Websell Masters Ltd
*/
addLoadEvent(marquee);
/**
* Make all instances of a marquee scroll
*/
function marquee(){
	
	var marquees=GetElementsByClassName('marquee',document);
	for (var i=0;i<marquees.length;i++){
		marquees[i].innerHTML="<span>"+marquees[i].innerHTML+"</span>";
		var marquee_text=marquees[i].getElementsByTagName('span')[0];
		//marquees[i].style.width=1;
		marquee_text.style.left=marquees[i].style.width;
		scrollMarquee(marquees[i],marquee_text);
	}
}
/**
* Scroll a given marquee and it's content
* @param marquee to scroll
* @param marquee text container
*/
function scrollMarquee(marquee, marquee_text){
	var timer_function = window.setInterval(function() {
	if(parseInt(marquee_text.style.left)<-marquee_text.offsetWidth){
		marquee_text.style.left=marquee.style.width;
	}
	marquee_text.style.left=parseInt(marquee_text.style.left)-3 + "px";	
	},50); //approx 20 fps, =1000/fps
}