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

var pausecontent=new Array()
pausecontent[0]='<img src="images/Leaders/anil-gupta.jpg" alt="" width="92" height="79" class="imgfloat" /><span class="txt_bodywhitebold">Anil Gupta</span><br><img src="images/book/Anil-KGupta-book1.jpg" alt="Book" title="Book" width="40" height="60" class="imgfloat" /> <img src="images/book/Anil-KGupta-book2.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /><br><a href="company.html#thoughtleaders" class="clientlink" title="more">more...</a>'
pausecontent[1]='<img src="images/Leaders/peter-block.jpg" alt="" width="92" height="79" class="imgfloat" /><span class="txt_bodywhitebold">Peter Block</span><br><img src="images/book/Peter-Block-book1.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /> <img src="images/book/Peter-Block-book2.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /><br><a href="company.html#thoughtleaders" class="clientlink" title="more">more...</a>'
pausecontent[2]='<img src="images/Leaders/marshall-goldsmith.jpg" alt="" width="92" height="79" class="imgfloat" /><span class="txt_bodywhitebold">M. Goldsmith</span><br><img src="images/book/Marshall-Goldsmith-book1.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /> <img src="images/book/Marshall-Goldsmith-book2.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /><br><a href="company.html#thoughtleaders" class="clientlink" title="more">more...</a>'
pausecontent[3]='<img src="images/Leaders/verna-allee.jpg" alt="" width="92" height="79" class="imgfloat" /><span class="txt_bodywhitebold">Verna Allee</span><br><img src="images/book/Verna-Allee-book1.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /> <img src="images/book/Verna-Allee-book2.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /><br><a href="company.html#thoughtleaders" class="clientlink" title="more">more...</a>'
pausecontent[4]='<img src="images/Leaders/maya hu.jpg" alt="" width="92" height="79" class="imgfloat" /><span class="txt_bodywhitebold">M. Hu-Chan</span><br><img src="images/book/maya hu-book1.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /> <br><a href="company.html#thoughtleaders" class="clientlink" title="more">more...</a>'
pausecontent[5]='<img src="images/Leaders/ed-cohen.jpg" alt="" width="92" height="79" class="imgfloat" /><span class="txt_bodywhitebold">Ed Cohen</span><br><img src="images/book/ed-cohenbook1.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /><img src="images/book/Ed-Cohen-book2.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /><br><a href="company.html#thoughtleaders" class="clientlink" title="more">more...</a>'
pausecontent[6]='<img src="images/Leaders/linda-naiman.jpg" alt="" width="92" height="79" class="imgfloat" /><span class="txt_bodywhitebold">Linda Naiman</span><br><img src="images/book/Linda-Naimanbook1.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /> <br><a href="company.html#thoughtleaders" class="clientlink" title="more">more...</a>'
pausecontent[7]='<img src="images/Leaders/stewart-levine.jpg" alt="" width="92" height="79" class="imgfloat" /><span class="txt_bodywhitebold">S. Levine</span><br><img src="images/book/Stewart-Levine-book1.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /> <img src="images/book/Stewart-Levine-book2.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /><br><a href="company.html#thoughtleaders" class="clientlink" title="more">more...</a>'
pausecontent[8]='<img src="images/Leaders/david-coleman.jpg" alt="" width="92" height="79" class="imgfloat" /><span class="txt_bodywhitebold">D. Coleman</span><br><img src="images/book/David-Colemanbook1.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /> <img src="images/book/David-Colemanbook2.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /><br><a href="company.html#thoughtleaders" class="clientlink" title="more">more...</a>'
pausecontent[9]='<img src="images/Leaders/mark-gerzon.jpg" alt="" width="92" height="79" class="imgfloat" /><span class="txt_bodywhitebold">Mark Gerzon</span><br><img src="images/book/markgerzon-book1.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /> <img src="images/book/markgerzon-book2.jpg"  alt="Book" title="Book" width="40" height="60" class="imgfloat" /><br><a href="company.html#thoughtleaders" class="clientlink" title="more">more...</a>'


var pausecontent2=new Array()
pausecontent2[0]='<img src="images/clients/client_01.jpg"  alt="American Express" title="American Express" width="77" height="49" class="imgfloat" /> <img src="images/clients/client_02.jpg" alt="Asemblon"  title="Asemblon" width="77" height="49" class="imgfloat" /><br><img src="images/clients/client_03.jpg" alt="Beckman Coulter" title="Beckman Coulter" width="77" height="49" class="imgfloat" /> <img src="images/clients/client_04.jpg" alt="CISCO" title="CISCO" width="77" height="49" class="imgfloat" /> <a href="customers.html" class="clientlink" title="more">more...</a>'

pausecontent2[1]='<img src="images/clients/client_05.jpg" alt="DreMak Studios" title="DreMak Studios" width="77" height="49" class="imgfloat" /> <img src="images/clients/client_06.jpg" alt="ECS" title="ECS" width="77" height="49" class="imgfloat" /><br> <img src="images/clients/client_08.jpg" alt="EKO Vehicles" title="EKO Vehicles" width="77" height="49" class="imgfloat" /> <img src="images/clients/client_09.jpg" alt="First Union" title="First Union" width="77" height="49" class="imgfloat" /> <a href="customers.html" class="clientlink" title="more">more...</a>'

pausecontent2[2]='<img src="images/clients/client_10.jpg" alt="Fujitsu" title="Fujitsu" width="77" height="49" class="imgfloat" /> <img src="images/clients/client_11.jpg" alt="Harley Davidson"  title="Harley Davidson" width="77" height="49" class="imgfloat" /><br><img src="images/clients/client_07.jpg" alt="ITC Limited" title="ITC Limited" width="77" height="49" class="imgfloat" /> <img src="images/clients/client_12.jpg" alt="Jivox" title="Jivox" width="77" height="49" class="imgfloat" /> <a href="customers.html" class="clientlink" title="more">more...</a>'

pausecontent2[3]='<img src="images/clients/client_13.jpg" alt="Larsen &amp; Toubro" title="Larsen &amp; Toubro" width="77" height="49" class="imgfloat" /> <img src="images/clients/client_14.jpg" alt="Mahindra" title="Mahindra" width="77" height="49" class="imgfloat" /><br><img src="images/clients/client_15.jpg" alt="Motorola" title="Motorola" width="77" height="49" class="imgfloat" /> <img src="images/clients/client_16.jpg" alt="Neah Power Systems" title="Neah Power Systems" width="77" height="49" class="imgfloat" /> <a href="customers.html" class="clientlink" title="more">more...</a>'

pausecontent2[4]='<img src="images/clients/client_17.jpg" alt="Oracle" title="Oracle" width="77" height="49" class="imgfloat" /> <img src="images/clients/client_18.jpg" alt="Polaris" title="Polaris" width="77" height="49" class="imgfloat" /><br><img src="images/clients/client_19.jpg" alt="PSA" title="PSA" width="77" height="49" class="imgfloat" /> <img src="images/clients/client_20.jpg" alt="Siterra" title="Siterra" width="77" height="49" class="imgfloat" /> <a href="customers.html" class="clientlink" title="more">more...</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()}, 100)
}

// -------------------------------------------------------------------
// 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
}