/***********************************************
* 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.
* http://www.dynamicdrive.com/dynamicindex2/crosstick.htm
***********************************************/

/*Example message arrays for demo scrollers
var pausecontent=new Array()
pausecontent[0]='<a href="http://www.javascriptkit.com">JavaScript Kit</a><br />Comprehensive JavaScript tutorials and over 400+ free scripts!'
pausecontent[1]='<a href="http://www.codingforums.com">Coding Forums</a><br />Web coding and development forums.'
pausecontent[2]='<a href="http://www.cssdrive.com" target="_new">CSS Drive</a><br />Categorized CSS gallery and examples.'
*/

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 = 0; //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>');
  
  if (this.content.length > 1) { // scroll only if at least two items of content available
    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).onmousemove = function(){scrollerinstance.mouseoverBol=1;}
  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.setmessage();}, 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;
    //alert(i+"\n"+ceiling);
    this.hiddendivpointer = (i>=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;
}