/******************************************************************************
* scroller.js                                                                 *
*                                                                             *
* Copyright 1999 by Mike Hall.                                                *
* Web address: http://www.brainjar.com                                        *
* Last update: March 15, 2000.                                                *
*                                                                             *
* Allows you to create scrolling displays on a page. Multiple scrollers can   *
* be defined, each with it's own parameters and list of items. Item text can  *
* include basic HTML tags, including links and images.                        *
*								                                              *
*******************************************************************************
* MODIFICATION	(23/11/2001)		                                          *
*                                                                             *
* Now works with NS 6 by using new crossbrowserLib : xbStyle.js               *
*                                                                             *
* Note: requires xbStyle.js.                                                  *
******************************************************************************/

/******************************************************************************
* Scroller constructor.
******************************************************************************/

function Scroller(x, y, width, height, border, padding)
{
  this.x = x;
  this.y = y;
  this.width = width;
  this.height = height;
  this.border = border;
  this.padding = padding;

  this.items = new Array();
  this.itemLayers = new Array();
  this.created = false;

  // Set default colors.

  this.fgColor = "#000000";
  this.bgColor = "#ffffff";
  this.bdColor = "#000000";

  // Set default font.

  this.fontFace = "Arial,Helvetica";
  this.fontSize = "2";

  // Set default scroll timing values.

  this.speed = 50;
  this.pauseTime = 2000;

  // Define methods.

  this.setColors = scrollerSetColors;
  this.setFont = scrollerSetFont;
  this.setSpeed = scrollerSetSpeed;
  this.setPause = scrollersetPause;
  this.addItem = scrollerAddItem;
  this.create = scrollerCreate;
  this.show = scrollerShow;
  this.hide = scrollerHide;
  this.moveTo = scrollerMoveTo;
  this.moveBy = scrollerMoveBy;
  this.getzIndex = scrollerGetzIndex;
  this.setzIndex = scrollerSetzIndex;
  this.stop = scrollerStop;
  this.start = scrollerStart;
}

//*****************************************************************************
// Scroller methods.
//*****************************************************************************

function scrollerSetColors(fgcolor, bgcolor, bdcolor) {

  if (!this.created) {
    this.fgColor = fgcolor;
    this.bgColor = bgcolor;
    this.bdColor = bdcolor;
  }
}

function scrollerSetFont(face, size) {

  if (!this.created) {
    this.fontFace = face;
    this.fontSize = size;
  }
}

function scrollerSetSpeed(pps) {

  if (!this.created)
    this.speed = pps;
}

function scrollersetPause(ms) {

  if (!this.created)
    this.pauseTime = ms;
}

function scrollerAddItem(str) {

  if (!this.created)
    this.items[this.items.length] = str;
}

function scrollerCreate()
{
  var start, end;
  var str;
  var i, j;
  var x, y;

  if (navigator.family != 'nn4' && navigator.family != 'ie4' && !navigator.DOMHTML )
    return;

  // On first scroller, start interval timer.
  if (scrollerList.length == 0)
    setInterval('scrollerGo()', scrollerInterval);

  // Create the scroller only once.
  if (this.created)
    return;
  this.created = true;

  // Copy first item to the end of the list, this lets us scroll from the last
  // defined item to the first without jumping.
  this.items[this.items.length] = this.items[0];

  // Set up HTML code for item text.
  start = '<table border=0'
        + ' cellpadding=' + (this.padding + this.border)
        + ' cellspacing=0'
        + ' width=' + this.width
        + ' height=' + this.height + '>'
        + '<tr><td>'
        + '<font'
        + ' color="' + this.fgColor + '"'
        + ' face="' + this.fontFace + '"'
        + ' size=' + this.fontSize + '>';
  end   = '</font></td></tr></table>';

  // Build the layers.
  var baseLayer = null;
  var scrollLayer = null;

  if (navigator.family == 'nn4')
  {
    baseLayer = new Layer(this.width);
    scrollLayer = new Layer(this.width, baseLayer);
    
    var i;
	for (i = 0; i < this.items.length; i++)
	{
      this.itemLayers[i] = new Layer(this.width, scrollLayer);
    }
  }
  else if (navigator.family == 'ie4')
  {
	var str = "" ;
    var index = scrollerList.length;
	var baseID = "scroller" + index + "_baseLayer";
	var scrollerID = "scroller" + index + "_scrollLayer";

    str = '<div id="' + baseID + '" style="position:absolute;overflow:hidden;">'
    str +='<div id="' + scrollerID + '" style="position:absolute;">';

    var j;
	for (j=0 ; j<this.items.length ; j++)
	{
      var itemID = "scroller" + index + "_itemLayers" + j;
	  str += '<div id="' + itemID + '" style="position:absolute;"></div>';
    }
	
	str += '</div></div>';

    // Insert HTML code at end of page. For IE4, need to scroll window to
    // end of page, insert and scroll back to correct bug.
    if (navigator.version < 5)
	{
		x = document.body.scrollLeft;
		y = document.body.scrollTop;
		window.scrollTo(document.body.scrollWidth, document.body.scrollHeight);
    }

    document.body.insertAdjacentHTML("beforeEnd", str);
    
	if (navigator.version < 5)
      window.scrollTo(x, y);

    // Get handles to each layer.
    baseLayer = document.getElementById(baseID);
    scrollLayer = document.getElementById(scrollerID);
    
	for (j=0 ; j<this.items.length ; j++)
    {
		var itemID = "scroller" + index + "_itemLayers" + j;
		this.itemLayers[this.itemLayers.length] = document.getElementById(itemID);
	}
  }
  else if (navigator.DOMHTML)
  {
	i = scrollerList.length;
    baseLayer = document.createElement('div');
	baseLayer.id = "scroller" + i + "_baseLayer";
	baseLayer.style.position = 'absolute';
	document.body.appendChild(baseLayer);
    
	scrollLayer = document.createElement('div');
	scrollLayer.id = "scroller" + i + "_scrollLayer";
	scrollLayer.style.position = 'absolute';
	baseLayer.appendChild(scrollLayer);

    var j;
	for (j=0 ; j<this.items.length; j++)
	{
      this.itemLayers[j] = document.createElement('div');
	  this.itemLayers[j].id = "scroller" + i + "_itemLayers" + j;
	  this.itemLayers[j].style.position = 'absolute';
	  scrollLayer.appendChild(this.itemLayers[j]);
    }
  }

  this.baseLayer = new xbStyle(baseLayer);
  this.scrollLayer = new xbStyle(scrollLayer);

  this.baseLayer.setWidth(this.width);
  this.baseLayer.setHeight(this.height);
//  this.baseLayer.setVisibility("hidden");

  this.scrollLayer.setWidth(this.width);
  this.scrollLayer.setHeight((this.height * this.items.length));
  this.scrollLayer.setVisibility("inherit");

  // Set background colors.
  this.baseLayer.setBackgroundColor(this.bdColor);
  this.scrollLayer.setBackgroundColor(this.bgColor);

  // Position and clip base and scroll layers.
  var clipStr = "rect(0 " + this.width + "px " + this.height + "px 0 )";
  this.baseLayer.moveToAbsolute(this.x, this.y);
  this.baseLayer.setClip(clipStr);

  clipStr = "rect(0 " + (this.width - 2 * this.border) + "px " + (this.height - 2 * this.border) + "px 0 )";
  this.scrollLayer.moveTo(this.border, this.border);
  this.scrollLayer.setClip(clipStr);

  // Position and clip each item layer.
  x = 0;
  y = 0;
  for (i = 0; i < this.items.length; i++)
  {
	var xbItemLayer = new xbStyle(this.itemLayers[i]);
	
	xbItemLayer.setVisibility("inherit");
	xbItemLayer.setInnerHTML(start + this.items[i] + end);
	xbItemLayer.setWidth(this.width);
	xbItemLayer.setHeight(this.height);

	var clipStr = "rect(0 " + this.width + "px " + this.height + "px 0 )";
    xbItemLayer.moveTo(x, y);
	xbItemLayer.setClip(clipStr);

    y += this.height;
  }

  // Set up scrolling parameters.
  this.stopped = false;
  this.currentY = 0;
  this.stepY = this.speed / (1000 / scrollerInterval);
  this.stepY = Math.min(this.height, this.stepY);
  this.nextY = this.height;
  this.maxY = this.height * (this.items.length - 1);
  this.paused = true;
  this.counter = 0;

  // Add to global list.
  scrollerList[scrollerList.length] = this;

  // Display it.
  this.baseLayer.setVisibility("visible");
}

function scrollerShow()
{
  if (this.created)
    this.baseLayer.setVisibility("visible");
}

function scrollerHide() {

  if (this.created)
    this.baseLayer.setVisibility("hidden");
}

function scrollerMoveTo(x, y) {
  if (this.created)
    this.baseLayer.moveToAbsolute(x, y);
}

function scrollerMoveBy(dx, dy) {

  if (this.created)
    this.baseLayer.moveBy(dx, dy);
}

function scrollerGetzIndex() {

  if (this.created)
    this.baseLayer.getzIndex();
  else
    return(0);
}

function scrollerSetzIndex(z) {

  if (this.created)
    this.baseLayer.setzIndex(z);
}

function scrollerStart() {

  this.stopped = false;
}

function scrollerStop() {

  this.stopped = true;
}

//*****************************************************************************
// Code for scrolling.
//*****************************************************************************

// An array is used to hold a pointer to each scroller that is defined. The
// scrollerGo() function runs at regular intervals and updates each scroller
// in this list.

var scrollerList     = new Array();
var scrollerInterval = 20;

function scrollerGo()
{
  // Update each scroller object in the list.
  var i;
  for (i = 0; i < scrollerList.length; i++)
  {
    // If stopped, skip.
    if (scrollerList[i].stopped);

    // If paused, update counter.
    else if (scrollerList[i].paused) {
      scrollerList[i].counter += scrollerInterval;
      if (scrollerList[i].counter > scrollerList[i].pauseTime)
        scrollerList[i].paused = false;
    }

    // Scroll it.
    else 
	{
      scrollerList[i].currentY += scrollerList[i].stepY;

      // Pause it if the next item has scrolled into view.
      if (scrollerList[i].currentY >= scrollerList[i].nextY)
	  {
        scrollerList[i].paused = true;
        scrollerList[i].counter = 0;
        scrollerList[i].currentY = scrollerList[i].nextY;
        scrollerList[i].nextY += scrollerList[i].height;
      }

      // When we reach the end, start over.
      if (scrollerList[i].currentY >= scrollerList[i].maxY)
	  {
        scrollerList[i].currentY -= scrollerList[i].maxY;
        scrollerList[i].nextY = scrollerList[i].height;
      }
      scrollLayerTo(scrollerList[i].scrollLayer,
                    0, Math.round(scrollerList[i].currentY),
                    false, "xb");
    }
  }
}

//-----------------------------------------------------------------------------
// Layer scrolling.
//-----------------------------------------------------------------------------

function scrollLayerTo(layer, x, y, bound, layerType)
{
  if (layerType != "xb")
  {
	  layer = new xbStyle(layer);
  }
    
  var dx = layer.getClipLeft() - x;
  var dy = layer.getClipTop() - y;

  scrollLayerBy(layer, -dx, -dy, bound, "xb");
}

function scrollLayerBy(layer, dx, dy, bound, layerType)
{
  if (layerType != "xb")
  {
	  layer = new xbStyle(layer);
  }

  var cl = layer.getClipLeft();
  var ct = layer.getClipTop();
  var cr = layer.getClipRight();
  var cb = layer.getClipBottom();

  if (bound)
  {
    if (cl + dx < 0)
      dx = -cl;
    else if (cr + dx > layer.getWidth())
      dx = layer.getWidth() - cr;
    if (ct + dy < 0)
      dy = -ct;
    else if (cb + dy > layer.getHeight())
      dy = layer.getHeight() - cb;
  }

  var clipStr = "rect(" + (ct + dy) + "px " + (cr + dx) + "px " + (cb + dy) + "px " + (cl + dx) + "px )";
  layer.setClip(clipStr);

  // for IE cannot use xbStyle function moveBy
  if (navigator.family == 'ie4')
  {
	layer.styleObj.pixelLeft += (-dx);
    layer.styleObj.pixelTop  += (-dy);
  }
  else if (navigator.DOMHTML)
  {
	layer.setPageX(layer.getPageX()-dx);
	layer.setPageY(layer.getPageY()-dy);
  }
  else
  {
	layer.moveBy(-dx, -dy);
  }
}

//*****************************************************************************
// All scrollers global variable
//*****************************************************************************
// stock all scrollers in array : allScrollers["iso:id"] = scrollerObject
var allScrollers;
if (allScrollers == null)
	allScrollers = new Array();

//*****************************************************************************
// Code to handle a window resize.
//*****************************************************************************
// Reload page in case of a browser resize.

// These variables are used to determine if a resize event is a true one in
// older releases of NS4.

var origWidth;
var origHeight;

if (navigator.family == 'nn4') {
  origWidth  = window.innerWidth;
  origHeight = window.innerHeight;
}

addResizeActions(scrollerReload);

function scrollerReload() {

  if (navigator.family == 'nn4' && origWidth == window.innerWidth && origHeight == window.innerHeight)
    return;

  if (navigator.family == 'ie4')
  {
/*	// For IE, reload on a timer in case the Windows 'Show window contents while
	// dragging' display option is on.
    setTimeout('window.location.href = window.location.href', 10);
*/
	  // don't reload page for IE because it's not compatible with 
	  // studio's fit to page. So replace scroller
	  var name;
	  for(name in allScrollers)
	  {
		  var scroller = allScrollers[name];
		  // Locate placeholder image so we can use it to position the scrollers.
		  var imgName = "scrollingNews" + name;
		  var img = getImage(imgName);
		  var x = getImagePageLeft(img);
		  var y = getImagePageTop(img);

		  scroller.moveTo(x,y+5);
	  }
  }
  else if (alreadyReloaded == false)
  {
    window.location.href = window.location.href;
	alreadyReloaded = true;
  }
}