// http://javascript.about.com/library/blscroll1.htm
// You will notice that there is a function at the top of the script called addScrollers. This function should contain one startScroll function call for each scroller that you want to place on your web page. The startScroll function requires two parameters. The first parameter is a unique name to identify the particular scroller. The second parameter is the scrolling content of that scroll box. The code includes two example startScroll functions so if you only need one you should edit the first and remove the second.

// If necessary you can also increase the scroll speed by increasing the value assigned to speed. You can also set the scrollers to scroll down instead of up by setting dR = true.


function addScrollers() {
// code each scroller as follows:
// startScroll('id of scroller div','content of scroller');

startScroll('gh_scroll','<span style="font: 16px/20px arial, verdana, helvetica, sans-serif; color: #7B3F00; padding:25px;"><p><strong>May 28th-31st</strong> |  Memorial Day Weekend &amp; Welcome Back Party. DJ and dancing in the pavilion.</p> <p><strong>July 2nd-5th</strong> | Annual Fourth of July Festivities. Chicken BBQ, parade, fireworks and DJ dancing.</p> <p><strong>September 5th</strong> | Annual Labor Day Luau</p></span>');
}

var speed=10; // scroll speed (bigger = faster)
var dR=false; // reverse direction

// Vertical Scroller Javascript
// copyright 24th September 2005, by Stephen Chapman
// permission to use this Javascript on your web page is granted
// provided that all of the code below (as well as these
// comments) is used without any alteration
var step = 2; function objWidth(obj) {if(obj.offsetWidth) return obj.offsetWidth; if (obj.clip) return obj.clip.width; return 0;} function objHeight(obj) {if(obj.offsetHeight) return obj.offsetHeight; if (obj.clip) return obj.clip.height; return 0;} function scrF(i,sH,eH){var x=parseInt(i.top)+(dR? step: -step); if(dR && x>sH)x=-eH;else if(x<2-eH)x=sH;i.top = x+'px';} function startScroll(sN,txt){var scr=document.getElementById(sN); var sW = objWidth(scr)-6; var sH = objHeight(scr); scr.innerHTML = '<div id="'+sN+'in" style="position:absolute; left:3px; width:'+sW+';">'+txt+'<\/div>'; var sTxt=document.getElementById(sN+'in'); var eH=objHeight(sTxt); sTxt.style.top=(dR? -eH : sH)+'px'; sTxt.style.clip='rect(0,'+sW+'px,'+eH+'px,0)'; setInterval(function() {scrF(sTxt.style,sH,eH);},1000/speed);}
window.onload = addScrollers;