// Scroller script
	var strControls = '<div class="controls"><a href="javascript:movefast()" class="marquee_button" title="Speed up">+</a>&nbsp;<a href="javascript:moveslow()" class="marquee_button" title="Slow down and Stop">&minus;</a></div>';
	var strMarquee = '<marquee id="marquee" scrollamount="2" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()">'
	
	function addScroller(outer,inner) {
		if(!document.getElementById(outer)) return;
		if(!document.getElementById(inner)) return;
		document.getElementById(outer).addClassName("scroller") // add new scroller classes
		document.getElementById(inner).addClassName("scroll")
		var arrItems = $$("#"+inner+" li") // get all list items
		var arrInner = $$("#"+inner+" li a");
		var iWidth=0; var imgWidth = 160; var newWidth;
		for(var i=0; i < arrItems.length; i++) { // loop through list items
			newWidth = imgWidth + arrInner[i].getWidth();
			arrItems[i].style.width = newWidth + 'px';
			//alert(arrItems[i].getWidth());
			iWidth = iWidth + newWidth; // add up width
		}
		iWidth = iWidth + 130;
		document.getElementById(inner).style.width = iWidth + 'px'; // give inner list new width
		var strScroller = strMarquee + document.getElementById(outer).innerHTML + '<\/marquee>'; // compile marquee string
		document.getElementById(outer).innerHTML = strScroller; // add it to container
		document.getElementById(outer).insert({ after: strControls }); // add controls outside of container
	}
	// control functions
	var sd = 1;
	function movefast() {
		if (sd < 3 ) {
			sd = sd+1;
			marquee.scrollAmount = sd;
		}
	}
	function moveslow() {
		if (sd > 0 ) {
			sd = sd-1;
			marquee.scrollAmount = sd;
		}
	}