/***********************************************

* 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

}



/*Example message arrays for the two demo scrollers*/



var pausecontent=new Array()

pausecontent[0]='<font color="#2b5881"><b>PowerMate&reg;</b><br /><br />A division of.. <br />LP International Inc.</font>'

pausecontent[1]='<font color="#ff0000"><b>Company News</b>:</font>'

pausecontent[2]='Company moves into new 1.7 million dollar facility.'

pausecontent[3]='60,000 square foot factory designed to meet challenge of current growth cycle, and future demand.'

pausecontent[4]='LP International products are sold around the world.<br /><br />Global customers now include..'

pausecontent[5]='<font color="#990000">General Motors, PepsiCo., Exxon, Coca-Cola, Boeing, Culligan, Ford Motor Co., Eastman Kodak, Carrier,</font>'

pausecontent[6]='<font color="#990000">U.S. Army, U.S. Navy, Dupont Inc., Mt. Sinai Hospital, Otis Elevator, Westinghouse, Bell Canada,</font>'

pausecontent[7]='<font color="#990000">British Aerospace Dynamics, McMaster University, Fisher Price, City of Toronto, Atlas Van Lines, and others ..</font>'

pausecontent[8]='PowerMate&reg; is an award winning product line of stairclimbing hand trucks.'

pausecontent[9]='Some PowerMate&reg; models are capable of lifting up to 1500 lb. loads.'

pausecontent[10]='Built to last, they are the toughest in the industry!'

pausecontent[11]='<font color="#ff0000"><b>Product News</b>:</font>'

pausecontent[12]='LP International introduces new product model called ..<br /><br /> <font color="#2b5881"><b>PowerMate&reg; Pogo</b></font><br /><br />'

pausecontent[13]='Pogo is a smaller lifting device developed primarily for the following industries ..'

pausecontent[14]='- The home care oxygen market,<br /><br />- Residential home care delivery systems,<br /><br />'

pausecontent[15]='- Beverage distributers,<br /><br />- Courier companies,<br /><br />'

pausecontent[16]='and the ..<br /><br />- Candy &amp; snack food industry for restocking vending machines.'

pausecontent[17]='The Pogo eliminates the need to manually lift loads weighing up to ..<br /> 200 lbs.'

pausecontent[18]='Pogo can help your company .. <br /><br />"<b><em>reduce back injuries and labour costs</em></b>"'

pausecontent[19]='<font color="#990000">Contact our sales dept. to learn more about</font> .. <font color="#2b5881"><b>Pogo</b></font>'

pausecontent[20]='<font color="#2b5881"><b>PowerMate&reg;</b></font><br /><br /><b>Takes The Strain Out Of Moving</b><br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* &nbsp;&nbsp;* &nbsp;&nbsp;* &nbsp;&nbsp;*'

pausecontent[21]='<br /><br />'