/***********************************************
 * 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.
 ***********************************************/

/*message arrays for the two demo scrollers*/
 
var pausecontent=new Array()
 pausecontent[0]='I’m e-mailing to say thanks for finally getting through to me because I do feel like a weight has been lifted from my shoulders. <br><br><hr>'

 pausecontent[1]='We both cannot thank you enough for everything you have done for us. You have changed our lives around for the good and made us realise that positive things can come out of a tragedy. <br><br><hr>'

 pausecontent[2]='Thank you for helping me when I needed it the most, I don’t think I could be where I am without you. Thanks again. <br><br><hr>'

 pausecontent[3]='Thank you so much for being there ..... it was a great support to have someone in my corner ..... you were a wonderful help. <br><br><hr>'

 pausecontent[4]='Thank you for your on-going support, we really do appreciate it. <br><br><hr>'

 pausecontent[5]='The help that you have given me has been tremendous – I am really grateful. <br><br><hr>'

 pausecontent[6]='It’s been really good to have someone to talk to who understands brain injury. <br><br><hr>'
 
var pausecontent2=new Array()
 pausecontent2[0]='<a href="http://www.news.com">News.com: Technology and business reports</a>'
 pausecontent2[1]='<a href="http://www.cnn.com">CNN: Headline and breaking news 24/7</a>'
 pausecontent2[2]='<a href="http://news.bbc.co.uk">BBC News: UK and international news</a>'
 
 
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=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
 }