var pausecontent=new Array()
pausecontent[0]='<b style="color:orange">Deseo una protección máxima contra los rayos UVA. ¿Puede protegerme una lona de toldo?</b><br /><br />Una lona de toldo ofrece un nivel de protección extremadamente alto contra los rayos UVA. El grado de protección varia en función del color de la lona. Las lonas claras, más permeables a los rayos UVA que las lonas oscuras...<br><br><div style="text-align:right"><a href="faq.php" class="marronlink">Leer más [+]</a></div>'
pausecontent[1]='<b style="color:orange">¿Me protege un toldo del deslumbramiento del sol?</b><br /><br />Bajo el sol de mediodía, la luminosidad en un lugar despejado alcanza fácilmente los 50.000lux. Una lona para todo filtra la luz y genera, según los colores, una luminosidad comprendida entre 1.000 y 5.000 lux, lo cual...<br><br><div style="text-align:right"><a href="faq.php" class="marronlink">Leer más [+]</a></div>'
pausecontent[2]='<b style="color:orange">¿Me protege un toldo del calor del sol?</b><br /><br />Durante el verano, en España, la energía que recibe la tierra procedente del sol puede superar los 1.200 W/m2, es decir, el equivalente a varios radiadores por m2 de superficie en el suelo. Según el color, una lona para toldo bloqueará entre el 80 y el 95% de la energía solar.<br><br><div style="text-align:right"><a href="faq.php" class="marronlink">Leer más [+]</a></div>'
pausecontent[3]='<b style="color:orange">¿Qué color elegir para obtener un ambiente agradable bajo mi toldo?</b><br /><br />Los colores influyen en nuestro bienestar y contribuyen a crear una atmósfera fría, cálida o templada. Una lona para toldo colorea la luz del sol e influye directamente en la percepción de la misma. Un color como el azul enfría el matriz de la luz y acentúa la sensación de frescor. <br><br><div style="text-align:right"><a href="faq.php" class="marronlink">Leer más [+]</a></div>'
pausecontent[4]='<b style="color:orange">¿Por qué comprar un toldo?</b><br /><br />En primer lugar, para protegerse del sol y de las agresiones de los rayos UVA. Equipar la terraza con un toldo supone ofrecerse un espacio de vida adicional y disfrutar plenamente de la vida en el exterior. Asimismo, mejoraremos el aspecto de nuestro hogar aportando un toque gráfico y decorativo.<br><br><div style="text-align:right"><a href="faq.php" class="marronlink">Leer más [+]</a></div>'
pausecontent[4]='<b style="color:orange">Mi toldo pierde colores con el sol. ¿Es normal?</b><br /><br />Una lona para toldo acrílica teñida en masa resiste durante mucho tiempo a la agresión de los rayos UVA. Sus colores no se alteran con el paso del tiempo. El color del hilo acrílico teñido en masa está impregnado en el corazón de la fibra durante su fabricación, al contrario que otros hilos, cuyo color se obtiene por simple inmersión. <br><br><div style="text-align:right"><a href="faq.php" class="marronlink">Leer más [+]</a></div>'

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
}
