//Announcements scrolling items
var pausecontent=new Array();
pausecontent[0]='<strong><font color="#990000">Parents of Children in Sunday School (age 3 to 5th Grade):</strong></font color> The Sunday School teachers are beginning a discernment process to assess the strengths and growing areas of our current Sunday School ministry. Your wisdom and insights are very valuable to us, as we discuss the structure and content of Sunday School. We ask you please to <a href="http://www.surveymonkey.com/s/DYYTYKW" target="_blank">fill out the survey for parents</a>. for more information, <a href="mailto:mary@stjamesleesburg.org?subject=Sundat School Parents Survey">contact Pastor Mary</a>.';
<!--pausecontent[1]='<strong><font color="#990000">Kids With Purpose:</strong></font color> Registration  is underway. <a href="kidsWithPurpose.asp">Click here</a> for information on KWP and registration. <strong>Registration deadline is Sunday, January 29</strong>.';-->
pausecontent[1]='Support youth mission trips by eating pancakes and sausage at our annual <strong><font color="#990000">Shrove Tuesday Pancake Supper</strong></font color> on Tuesday, February 21! <a href="shroveTuesday.asp">Click here for details</a>!';

pausecontent[2]='You can submit your <strong><font color="#990000">2012 annual giving pledge online</strong></font color>! <a href="pledgeRequest.asp">Click here for our online pledge card</a>.';
pausecontent[3]='St. James\' is currently looking for a <strong><font color="#99000">Property Manager</strong></font color>. <a href="employment.asp" target="_blank">Click here for a job description and how to apply</a>.';
pausecontent[4]='For information on &quot;Grace to Go,&quot; our meal ministry, <a href="http://www.stjamesleesburg.org/graceToGo.asp">click here</a>. Para informacion de nuestro Ministro de Comida, <a href="http://www.stjamesleesburg.org/graceToGo.asp">click aqui.</a>';
<!--pausecontent[6]='<a href="http://www.stjamespreschoolleesburg.org/" target="_blank">St. James\' Preschool</a> is very excited to offer new classes with our 2011-2012 schedule. <strong><font color="#990000">Registration for the 2011-12 school year is currently ongoing.</strong></font color> Our loving and caring teachers create a nurturing and enriching environment that includes music and chapel each week. Please contact the Preschool office at (703) 777-8439 for more information. <a href="http://www.stjamespreschoolleesburg.org/registration/" target="_blank">Click here for registration forms and information</a>.';-->
pausecontent[5]='<img src="images/eGivingLogo.jpg" alt="e-Giving" /> <a href="http://e-giving.org/start.asp?id=1759" target="_blank">Click here</a> to access E-Giving, our electronic giving service.<br><br><a href="pledgeRequest.asp">Click here</a> to access our <strong><font color=#990000">on-line pledge card</strong></font color>.';
pausecontent[6]='<a href="mailto:info@stjamesleesburg.org?subject=e-Pistle Subscription">Click here to subscribe</a> to the e-Pistle of St. James\'; sent each week, containing a spiritual message from clergy, this upcoming Sunday\'s announcements, and other communications from the parish.';
pausecontent[7]='Do you have information about church-related activities or events that you\'d like to share with the parish? If so, please <a href="mailto:janine@stjamesleesburg.org">forward all announcements</a> by close of business on <strong>Tuesdays</strong> for inclusion in the weekly Announcements, e-Pistle, and web site.';



/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}