/*Example CSS for the two demo scrollers #pscroller1{ width: 200px; height: 100px; border: 1px solid black; padding: 5px; background-color: lightyellow; } #pscroller2{ width: 350px; height: 20px; border: 1px solid black; padding: 3px; } #pscroller2 a{ text-decoration: none; } .someclass{ //class to apply to your scroller(s) if desired } */ /*Example message arrays for the two demo scrollers*/ var pausecontent=new Array() pausecontent[0]='"Shannon helped me learn how to discipline my child and hold him responsible."' pausecontent[1]='"Jennette helped me learn how to be more involved with my son\'s education and to work with his teachers."' pausecontent[2]='"Jessica did not allow me to use my handicap to get out of parenting my son. Her work with us makes me want to be a better mother."' // too long... pausecontent[3]='"Bonnie has consistently gone beyond the call of duty to help with any and all issues that came up with our family. All of our children benefited from her time with us."' pausecontent[3]='"Tara\'s positive attitude and obvious concern for our family made us want to understand our teen better and help meet her needs in better ways."' pausecontent[4]='"Lorando helped us understand how to discipline our child and taught us the importance of doing small things together as a family."' pausecontent[5]='"Sarah helped us learn how to talk to our child about issues going on with her and helped us learn what to expect from our teenager."' pausecontent[6]='"Michael was a good source of \'moral support\' as we learned different ways to discipline our children and hold them accountable."' pausecontent[7]='"Fonda helped us learn the importance of things like schedules and chores and taught me how to be consistent with my son."' pausecontent[8]='"Michael gave me the tools and confidence to be a better parent and get our family back on track."' pausecontent[9]='"Ted showed concern for our entire family, he listened to our problems without judgements."' pausecontent[10]='"We learned to talk things out and how to work together. Jimmy treated us with respect."' pausecontent[11]='"Sarah has helped my son believe in himself and recognize his good qualities."' pausecontent[12]='"John was great - he offered encouragement, gave us hope, and offered helpful advice."' pausecontent[13]='"Marquette was always available for us and never stood us up. She helped us learn to focus on the positives."' pausecontent[14]='"Michelle is very knowledgeable and experienced, she helped us understand what was normal and accept each other as we are."' pausecontent[15]='"Deborah helped my son realize that he is a good person and helped him to learn how to make better decisions."' pausecontent[16]='"Since Jennette came, everyone in our family knows the rules and expectations. We also learned how to have fun with each other again."' pausecontent[17]='"I was very impressed with Mike\'s ability to help us understand our son\'s point of view - we know how to talk to each other now."' pausecontent[18]='"The whole family is more active socially and spends more time focusing on the positive parts of our relationships."' //pausecontent[2]='""' /*********************************************** * 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('
'+content[0]+'
') 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 }