/******************************************************************************
* scroller.js                                                                 *
*                                                                             *
* Copyright 1999 by Mike Hall.                                                *
* Visit http://www.dynamicdrive.com                                      *
* Last update: December 1, 1999.                                              *
*                                                                             *
* 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.                        *
* Note: requires dhtmllib.js.                                                 *
******************************************************************************/
/* Title: Modified for DOM compatible.        
* Version:      
* Author:       Josu Cajigas
* Company:      SERIKAT
*
* Description: Part of the project Extract information from a database to build* 
* an internet site.
* Author:       Josu Cajigas 
*****************************************************************************
 Scroller constructor.
*****************************************************************************/

function Scroller(x, y, width, height, border, padding, bloqueado) {

  this.x = x;
  this.y = y;
  this.width = width;
  this.height = height;
  this.border = border;
  this.padding = padding;
  this.bloqueado=bloqueado;
  
  this.items = 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 = 1000;

  // 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) {
    alert("Scroller Error: Scroller has already been created.");
    return;
  }
  this.fgColor = fgcolor;
  this.bgColor = bgcolor;
  this.bdColor = bdcolor;
}

function scrollerSetFont(face, size) {

  if (this.created) {
    alert("Scroller Error: Scroller has already been created.");
    return;
  }
  this.fontFace = face;
  this.fontSize = size;
}

function scrollerSetSpeed(pps) {

  if (this.created) {
    alert("Scroller Error: Scroller has already been created.");
    return;
  }
  this.speed = pps;
}

function scrollersetPause(ms) {

  if (this.created) {
    alert("Scroller Error: Scroller has already been created.");
    return;
  }
  this.pauseTime = ms;
}

function scrollerAddItem(str) {

  if (this.created) {
    alert("Scroller Error: Scroller has already been created.");
    return;
  }
  this.items[this.items.length] = str;
}

function scrollerCreate() {

  var start, end;
  var str;
  var i, j;
  var x, y;

  if (!isMinNS4 && !isMinIE4 && !isDOM)
    return;

  // On first scroller, start interval timer.

  //if (scrollerList.length == 0)
  //  setInterval('scrollerGo()', scrollerInterval);

  // Create the scroller only once.

  if (this.created) {
    alert("Scroller Error: Scroller has already been 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.

// INICIO DE NS
// INICIO DE NS
// INICIO DE NS
// INICIO DE NS

if (isMinNS4) 
	{
	this.baseLayer = new Layer(this.width);
    this.scrollLayer = new Layer(this.width, this.baseLayer);
    this.scrollLayer.visibility = "inherit";
    this.itemLayers = new Array();
	i = scrollerList.length;
    for (j = 0; j < this.items.length; j++) 
		{
		  this.itemLayers[j] = new Layer(this.width, this.scrollLayer);
		  this.itemLayers[j].document.open();
			this.itemLayers[j].document.writeln('<div id="scroller' + i + '_itemLayers' + j + '"'
			  +  ' style="position:absolute;'
			  +  ' width:' + this.width + 'px;'
			  +  ' visibility:inherit;">'+start + this.items[j] + end +"</div>");
		  this.itemLayers[j].document.close();
		  this.itemLayers[j].visibility = "inherit";
		  //alert(this.itemLayers[j].document.height);
		 }

    // Set background colors.

    setBgColor(this.baseLayer, this.bdColor);
    setBgColor(this.scrollLayer, this.bgColor);
  }
// FIN DE NS
// FIN DE NS
// FIN DE NS
// FIN DE NS

  
// INICIO DE IE
// INICIO DE IE
// INICIO DE IE
// INICIO DE IE

if (isMinIE4) 

	{
	i = scrollerList.length;
    str = '<div id="scroller' + i + '_baseLayer"'
        + ' style="position:absolute;'
		+ ' border:1px solid ' + this.bdColor + ';'
        + ' background-color:' + this.bgColor + ';'
        + ' width:' + this.width + 'px;'
        + ' height:' + this.height + 'px;'
        + ' overflow:hidden;'
        + ' visibility:hidden;">\n'
        + '<div id="scroller' + i + '_scrollLayer"'
        + ' style="position:absolute;'
        + ' background-color: ' + this.bgColor + ';'
        + ' width:' + this.width + 'px;'
        + ' height:' + (this.height * this.items.length) + 'px;'
        + ' visibility:inherit;">\n';
    
	for (j = 0; j < this.items.length; j++) 
		
		{
		  str += '<div id="scroller' + i + '_itemLayers' + j + '"'
			  +  ' style="position:absolute;'
			  +  ' width:' + this.width + 'px;'
			//  +  ' height:' + this.height + 'px;'
			  +  ' visibility:inherit;">\n'
			  +  start + this.items[j] + end
			  +  '</div>\n';
	    }
    
	str += '</div>\n'
        +  '</div>\n';

    // 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 (!isMinIE5) 
		{
		x = getPageScrollX();
		y = getPageScrollY();
		window.scrollTo(getPageWidth(), getPageHeight());
		}

	
	//document.write(str);
   
	document.body.insertAdjacentHTML("beforeEnd", str);
	
    if (!isMinIE5)
      window.scrollTo(x, y);

    // Get handles to each layer.
	 
    this.baseLayer = getLayer("scroller" + i + "_baseLayer");
    this.scrollLayer = getLayer("scroller" + i + "_scrollLayer");
    this.itemLayers = new Array();
    for (j = 0; j < this.items.length; j++)
      this.itemLayers[j] = getLayer("scroller" + i + "_itemLayers" + j);
	
}
//FIN DE IE
//FIN DE IE
//FIN DE IE
//FIN DE IE

// INICIO DE DOM
// INICIO DE DOM
// INICIO DE DOM
// INICIO DE DOM

if (isDOM && !(isMinIE4)) 

	{
		
	i = scrollerList.length;
    str = '<div id="scroller' + i + '_scrollLayer"'
        + ' style="position:absolute;'
        + ' background-color: ' + this.bgColor + ';'
        + ' width:' + this.width + 'px;'
        + ' height:' + (this.height * this.items.length) + 'px;'
        + ' visibility:inherit;">\n';
    
	for (j = 0; j < this.items.length; j++) 
		
		{
		  str += '<div id="scroller' + i + '_itemLayers' + j + '"'
			  +  ' style="position:absolute;'
			  +  ' width:' + this.width + 'px;'
			//  +  ' height:' + this.height + 'px;'
			  +  ' visibility:inherit;">\n'
			  +  start + this.items[j] + end
			  +  '</div>\n';
	    }
    
	str += '</div>\n';

    // 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 (!isMinIE5) 
		{
		x = getPageScrollX();
		y = getPageScrollY();
		window.scrollTo(getPageWidth(), getPageHeight());
		}
	
	
	//document.write(str);
   
    var MenuObject;
	MenuObject = document.createElement("DIV");
	with(MenuObject)
		{
		id = "scroller" + i + "_baseLayer";
		with(style) 
			{
			position = "absolute";
			visibility = "hidden";
			//left = "-500px";
			//top = "0px";
			if (navigator.appName.indexOf("Netscape") >= 0) width = (this.width-2) + "px"; 
			else  width = this.width + "px";
			borderWidth = "1px";
			borderStyle = "solid";
			borderColor = this.bdColor;
            backgroundColor =  this.bgColor ;
			if (navigator.appName.indexOf("Netscape") >= 0) height = (this.height-2) + "px"; 
			else  height = this.height + "px";
			overflow = "hidden";
			}
		}
	document.body.appendChild(MenuObject);
	document.getElementById("scroller" + i + "_baseLayer").innerHTML=str;
    
	if (!isMinIE5)
      window.scrollTo(x, y);

    // Get handles to each layer.
	 
    this.baseLayer = getLayer("scroller" + i + "_baseLayer");
    this.scrollLayer = getLayer("scroller" + i + "_scrollLayer");
    this.itemLayers = new Array();
    for (j = 0; j < this.items.length; j++)
      this.itemLayers[j] = getLayer("scroller" + i + "_itemLayers" + j);
	
}
//FIN DE DOM
//FIN DE DOM
//FIN DE DOM
//FIN DE DOM

  // Position and clip base and scroll layers.

  var altura;
  var alturatotal=0;
  altura=new Array();
  for (j = 0; j < this.items.length; j++) {
	if (isMinNS4) 
	  {
		if (this.itemLayers[j].document.height>0)
			altura[j]=this.itemLayers[j].document.height;
		else
			altura[j]=getBottom(getLayer("scroller"+i+"_itemLayers"+j));
	  }
	else altura[j]=getBottom(getLayer("scroller"+i+"_itemLayers"+j));
	if (j!=(this.items.length)) alturatotal=alturatotal+altura[j]; 
	}

if (this.bloqueado && alturatotal<this.height)
	{ 
	if (isMinIE4) eval("scroller"+i+"_baseLayer").style.height=alturatotal;
	if (isDOM && !(isMinIE4)) document.getElementById("scroller"+i+"_baseLayer").style.height=alturatotal; 
	this.height=alturatotal;
	}

moveLayerTo(this.baseLayer, this.x, this.y);
if (isMinNS4) clipLayer(this.baseLayer, 0, 0, this.width, this.height);
else clipLayer(this.baseLayer, 0, 0, this.width, (this.height+4)); 
moveLayerTo(this.scrollLayer, this.border, this.border);
clipLayer(this.scrollLayer, 0, 0,
            this.width - 2 * this.border, this.height - 2 * this.border);

  // Position and clip each item layer.

  x = 0;
  y = 0;
  i = scrollerList.length;
  for (j = 0; j < this.items.length; j++) {
	moveLayerTo(this.itemLayers[j], x, y);
    clipLayer(this.itemLayers[j], 0, 0, this.width, altura[j]);
    y += altura[j];
  }

// 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;
  if (alturatotal>this.height)
	this.maxY = alturatotal-this.height;
  else
	this.maxY = 0;
  this.paused = true;
  this.counter = 0;

  // Add to global list.

  scrollerList[scrollerList.length] = this;

  // Display it.

  showLayer(this.baseLayer);
}

function scrollerShow() {

  if (this.created)
    showLayer(this.baseLayer);
}

function scrollerHide() {

  if (this.created)
    hideLayer(this.baseLayer);
}

function scrollerMoveTo(x, y) {

  if (this.created)
    moveLayerTo(this.baseLayer, x, y);
}

function scrollerMoveBy(dx, dy) {

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

function scrollerGetzIndex() {

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

function scrollerSetzIndex(z) {

  if (this.created)
    setzIndex(this.baseLayer, z);
}
var scrollCont;
function scrollerStart() {
  this.stopped = false;
  scrollCont=setInterval('scrollerGo()', scrollerInterval);
  //alert('START ' + scrollerInterval);
}

function scrollerStop() {
  
  clearInterval(scrollCont);
  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() {

  var i;

  // Update each scroller object in the list.

  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 {

		if (direccion=="up") 
				
				{
				//alert(scrollerList[i].currentY);
				//alert(scrollerList[i].maxY);
				scrollerList[i].currentY += scrollerList[i].stepY;
				//alert(scrollerList[i].currentY);
				if (scrollerList[i].currentY >= scrollerList[i].maxY) {
				    //scrollerList[i].currentY -= scrollerList[i].maxY;
					scrollerList[i].currentY = scrollerList[i].maxY; 
					 }
				}
		else
				{
				scrollerList[i].currentY -= scrollerList[i].stepY;
				if (scrollerList[i].currentY <= 0) {
				  //scrollerList[i].currentY = scrollerList[i].maxY;
				  scrollerList[i].currentY = 0;
					 }	
				}

		scrollLayerTo(scrollerList[i].scrollLayer,
                    0, Math.round(scrollerList[i].currentY),
                    false);
		} // DEL ELSE
  } // DEL FOR
}

//*****************************************************************************
// Code to handle a window resize.
//*****************************************************************************

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

var origWidth;
var origHeight;

// Fix for resize bug.

if (isMinNS4) {
  origWidth  = window.innerWidth;
  origHeight = window.innerHeight;
}
window.onresize = scrollerReload;

function scrollerReload() {

  // Reload page in case of a browser resize. First make sure it's a true
  // resize.

  if (isMinNS4 && origWidth == window.innerWidth && origHeight == window.innerHeight)
    return;
  window.location.href = window.location.href;
}