var tickercontent2=new Array() tickercontent2[0]='Every year, an igloo hotel is built in Sweden' tickercontent2[1]='The Tacoma Narrows Bridge collapsed on 7th November, 1940' tickercontent2[2]='The Sutong Bridge, a cable-stayed bridge in China is 1088m long' tickercontent2[3]='The busiest cantilever bridge in the world is the Howrah bridge (India)' tickercontent2[4]='Grande Dixence is the highest concrete dam in the world' tickercontent2[5]='The Empire State Building (USA) stood as the world's tallest building' tickercontent2[6]='The Sacre Coeur in Paris (France) rests on pillars 33m tall' tickercontent2[7]='The largest traditional self-supporting domed igloo had an internal diameter of 7.36m' tickercontent2[8]='The Millau Viaduct (France) is the tallest vehicular bridge in the world' tickercontent2[9]='The Sears Tower in Chicago is 442m tall with 108 floors' function domticker(content, divId, divClass, delay, fadeornot){ this.content=content this.tickerid=divId //ID of master ticker div. Message is contained inside first child of ticker div this.delay=delay //Delay between msg change, in miliseconds. this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over ticker (and pause it if it is) this.pointer=1 this.opacitystring=(typeof fadeornot!="undefined")? "width: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1" : "" if (this.opacitystring!="") this.delay+=500 //add 1/2 sec to account for fade effect, if enabled this.opacitysetting=0.2 //Opacity value when reset. Internal use. document.write('
'+content[0]+'
') var instanceOfTicker=this setTimeout(function(){instanceOfTicker.initialize()}, delay) } domticker.prototype.initialize=function(){ var instanceOfTicker=this this.contentdiv=document.getElementById(this.tickerid).firstChild //div of inner content that holds the messages document.getElementById(this.tickerid).onmouseover=function(){instanceOfTicker.mouseoverBol=1} document.getElementById(this.tickerid).onmouseout=function(){instanceOfTicker.mouseoverBol=0} this.rotatemsg() } domticker.prototype.rotatemsg=function(){ var instanceOfTicker=this if (this.mouseoverBol==1) //if mouse is currently over ticker, do nothing (pause it) setTimeout(function(){instanceOfTicker.rotatemsg()}, 100) else{ this.fadetransition("reset") //FADE EFFECT- RESET OPACITY this.contentdiv.innerHTML=this.content[this.pointer] this.fadetimer1=setInterval(function(){instanceOfTicker.fadetransition('up', 'fadetimer1')}, 100) //FADE EFFECT- PLAY IT this.pointer=(this.pointer=1) clearInterval(this[timerid]) }