function HScroller(x, y, width, height, border, padding, section) {

  this.x = x;
  this.y = y;
  this.width = width;
  this.height = height;
  this.border = border;
  this.padding = padding;
  this.section = section;

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

  // Set default colors.

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

  // Set default font.

  this.fontFace = "µ¸¿ò";
  this.fontSize = "2";

  // Set default scroll timing values.

  this.speed = 50;
  this.pauseTime = 200;
  this.direction = "left";

  // Define methods.

  this.setColors = HscrollerSetColors;
  this.setFont = HscrollerSetFont;
  this.setSpeed = HscrollerSetSpeed;
  this.setPause = HscrollerSetPause;
  this.setDirection = HscrollerSetDirection;
  this.addItem = HscrollerAddItem;
  this.create = HscrollerCreate;
  this.show = HscrollerShow;
  this.hide = HscrollerHide;
  this.moveTo = HscrollerMoveTo;
  this.moveBy = HscrollerMoveBy;
  this.getzIndex = HscrollerGetzIndex;
  this.setzIndex = HscrollerSetzIndex;
  this.stop = HscrollerStop;
  this.start = HscrollerStart;
}

//*****************************************************************************
// HScroller methods.
//*****************************************************************************

function HscrollerSetColors(fgcolor, bgcolor, bdcolor) {

  if (this.created) {
    alert("HScroller Error: HScroller has already been created.");
    return;
  }
  this.fgColor = fgcolor;
  this.bgColor = bgcolor;
  this.bdColor = bdcolor;
}

function HscrollerSetFont(face, size) {

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

function HscrollerSetSpeed(pps) {

  this.speed = pps;
}

function HscrollerSetPause(ms) {

  this.pauseTime = ms;
}

function HscrollerSetDirection(dir) {

  this.direction = dir;
}

function HscrollerAddItem(str) {

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

function HscrollerCreate() {

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

  if (!isMinNS4 && !ie && !dom)
    return;

  // On first scroller, start interval timer.

  if (HscrollerList.length == 0)
    setInterval('HscrollerGo()', HscrollerInterval);

  // Create the scroller only once.

  if (this.created) {
    alert("HScroller Error: HScroller 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  bgcolor="#ffffff"'
        + ' cellpadding=' + (this.padding + this.border)
        + ' cellspacing=0'
        + ' width=' + this.width
        + ' height=' + this.height + '>'
        + '<tr valign=top><td>'
        + '<font'
        + ' color="' + this.fgColor + '"'
        + ' face="' + this.fontFace + '"'
        + ' size=' + this.fontSize + '>';
  end   = '</font></td></tr></table>';

  // Build the layers.

  if (isMinNS4) {
    this.baseLayer = new Layer(this.width);
    this.scrollLayer = new Layer(this.width, this.baseLayer);
    this.scrollLayer.visibility = "inherit";
    this.itemLayers = new Array();
    for (i = 0; i < this.items.length; i++) {
      this.itemLayers[i] = new Layer(this.width, this.scrollLayer);
      this.itemLayers[i].document.open();
      this.itemLayers[i].document.writeln(start + this.items[i] + end);
      this.itemLayers[i].document.close();
      this.itemLayers[i].visibility = "inherit";
    }

    // Set background colors.

    setBgColor(this.baseLayer, this.bdColor);
    setBgColor(this.scrollLayer, this.bgColor);
  }

  if (ie||dom) {
    i = HscrollerList.length;
    str = '<div id="Hscroller' + i + '_baseLayer"'
        + ' style="position:absolute;'
        + ' background-color:' + this.bdColor + ';'
        + ' width:' + this.width + 'px;'
        + ' height:' + this.height + 'px;'
        + ' overflow:hidden;'
        + ' visibility:hidden;">\n'
        + '<div id="Hscroller' + i + '_scrollLayer"'
        + ' style="position:absolute;'
        + ' background-color: ' + this.bgColor + ';'
        + ' width:' + (this.width * this.items.length) + 'px;'
        + ' height:' + this.height + 'px;'
        + ' visibility:inherit;">\n';
    for (j = 0; j < this.items.length; j++) {
      str += '<div id="Hscroller' + 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 (!(ie&&window.print)) {
      x = getPageScrollX();
      y = getPageScrollY();
      window.scrollTo(getPageWidth(), getPageHeight());
    }
    if (ie)
    document.all.Htempholder.innerHTML=str
    else if (dom)
    document.getElementById("Htempholder").innerHTML=str
//EDIT HERE//////////////////////////////////////////////////////////////////////////////
    if (!(ie&&window.print))
      window.scrollTo(x, y);

    // Get handles to each layer.

    this.baseLayer = getLayer("Hscroller" + i + "_baseLayer");
    this.scrollLayer = getLayer("Hscroller" + i + "_scrollLayer");
    this.itemLayers = new Array();
    for (j = 0; j < this.items.length; j++)
      this.itemLayers[j] = getLayer("Hscroller" + i + "_itemLayers" + j);
  }

  // Position and clip base and scroll layers.

  moveLayerTo(this.baseLayer, this.x, this.y);
  clipLayer(this.baseLayer, 0, 0, this.width, this.height);
  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.

  if (this.direction == "left") x = 0;
  else x = this.width * (this.items.length - 1);
  y = 0;
  for (i = 0; i < this.items.length; i++) {
    moveLayerTo(this.itemLayers[i], x, y);
    clipLayer(this.itemLayers[i], 0, 0, this.width, this.height);
    if (this.direction == "left") x += this.width;
    else x -= this.width;
  }

  // Set up scrolling parameters.

  this.stopped = false;
  this.stepX = this.speed / (1000 / HscrollerInterval);
  this.stepX = Math.min(this.width, this.stepX);
  this.maxX = this.width * (this.items.length - 1);
  this.minX = 0; 
  this.paused = true;
  this.counter = 0;

  if (this.direction == "left") {
    this.currentX = 0;
    this.nextX = this.width / this.section;
  }
  else {
    this.currentX = this.width * (this.items.length - 1);
    this.nextX = this.currentX - (this.width / this.section);
  }

  // Add to global list.

  HscrollerList[HscrollerList.length] = this;

  // Display it.

  showLayer(this.baseLayer);
}

function HscrollerShow() {

  if (this.created)

    showLayer(this.baseLayer);
}

function HscrollerHide() {

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

function HscrollerMoveTo(x, y) {

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

function HscrollerMoveBy(dx, dy) {

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

function HscrollerGetzIndex() {

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

function HscrollerSetzIndex(z) {

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

function HscrollerStart() {

  this.stopped = false;
}

function HscrollerStop() {

  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 HscrollerList     = new Array();
var HscrollerInterval = 20;

function HscrollerGo() {

  var i;

  // Update each scroller object in the list.

  for (i = 0; i < HscrollerList.length; i++) {

    // If stopped, skip.

    if (HscrollerList[i].stopped);

    // If paused, update counter.

    else if (HscrollerList[i].paused) {
      HscrollerList[i].counter += HscrollerInterval;
      if (HscrollerList[i].counter > HscrollerList[i].pauseTime)
        HscrollerList[i].paused = false;
    }

    // Scroll it.

    else {

      if (HscrollerList[i].direction == "left") {
        HscrollerList[i].currentX += HscrollerList[i].stepX;

        // Pause it if the next item has scrolled into view.
        if (HscrollerList[i].currentX >= HscrollerList[i].nextX) {
          HscrollerList[i].paused = true;
          HscrollerList[i].counter = 0;
          HscrollerList[i].currentX = HscrollerList[i].nextX;
          HscrollerList[i].nextX += HscrollerList[i].width / HscrollerList[i].section;
        }

        // When we reach the end, start over.
        if (HscrollerList[i].currentX >= HscrollerList[i].maxX) {
          HscrollerList[i].currentX -= HscrollerList[i].maxX;
          HscrollerList[i].nextX = HscrollerList[i].width / HscrollerList[i].section;
        }
      }

      else {
        HscrollerList[i].currentX -= HscrollerList[i].stepX;

        // Pause it if the next item has scrolled into view.
        if (HscrollerList[i].currentX <= HscrollerList[i].nextX) {
          HscrollerList[i].paused = true;
          HscrollerList[i].counter = 0;
          HscrollerList[i].currentX = HscrollerList[i].nextX;
          HscrollerList[i].nextX -= HscrollerList[i].width / HscrollerList[i].section;
        }

        // When we reach the end, start over.
        if (HscrollerList[i].currentX <= HscrollerList[i].minX) {
          HscrollerList[i].currentX += HscrollerList[i].maxX;
          HscrollerList[i].nextX = HscrollerList[i].currentX - (HscrollerList[i].width / HscrollerList[i].section);
        }
      }

      scrollLayerTo(HscrollerList[i].scrollLayer,
                    Math.round(HscrollerList[i].currentX), 0,
                    false);
    }
  }
}

//*****************************************************************************
// 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 = HscrollerReload;

function HscrollerReload() {

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


/******************************************************************************
* dhtmllib.js                                                                 *
*                                                                             *
* Copyright 1999 by Mike Hall.
* Visit http://www.dynamicdrive.com for full script                           *
* Last update: July 21st, '02 by Dynamic Drive for NS6 functionality.         *
*                                                                             *
* Provides basic functions for DHTML positioned elements which will work on   *
* both Netscape Communicator and Internet Explorer browsers (version 4.0 and  *
* up).                                                                        *
******************************************************************************/

// Determine browser.

var isMinNS4 = document.layers
var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&!ie&&navigator.userAgent.indexOf("Opera")==-1

//-----------------------------------------------------------------------------
// Layer visibility.
//-----------------------------------------------------------------------------

function hideLayer(layer) {

  if (isMinNS4)
    layer.visibility = "hide";
  if (ie||dom)
    layer.style.visibility = "hidden";
}

function showLayer(layer) {

  if (isMinNS4)
    layer.visibility = "show";
  if (ie||dom)
    layer.style.visibility = "visible";
}

function inheritLayer(layer) {

  if (isMinNS4)
    layer.visibility = "inherit";
  if (ie||dom)
    layer.style.visibility = "inherit";
}

function getVisibility(layer) {

  if (isMinNS4) {

    if (layer.visibility == "show")
      return "visible";
    if (layer.visibility == "hide")
      return "hidden";
    return layer.visibility;
  }
  if (ie||dom)
    return layer.style.visibility;
  return "";
}

function isVisible(layer) {

  if (isMinNS4 && layer.visibility == "show")
    return(true);
  if (ie||dom && layer.style.visibility == "visible")
    return(true);

  return(false);
}

//-----------------------------------------------------------------------------
// Layer positioning.
//-----------------------------------------------------------------------------



function moveLayerTo(layer, x, y) {

  if (isMinNS4)
    layer.moveTo(x, y);
  if (ie||dom) {
    layer.style.left = x;
    layer.style.top  = y;
  }
}

function moveLayerBy(layer, dx, dy) {

  if (isMinNS4)
    layer.moveBy(dx, dy);
  if (ie||dom) {
    layer.style.left= parseInt(layer.style.left)+dx;
    layer.style.top= parseInt(layer.style.top)+dy;
  }
}

function getLeft(layer) {

  if (isMinNS4)
    return(layer.left);
  if (ie||dom)
    return(parseInt(layer.style.left));
  return(-1);
}

function getTop(layer) {

  if (isMinNS4)
    return(layer.top);
  if (ie||dom)
    return(parseInt(layer.style.top));
  return(-1);
}

function getRight(layer) {

  if (isMinNS4)
    return(layer.left + getWidth(layer));
  if (ie||dom)
    return(parseInt(layer.style.left) + getWidth(layer));
  return(-1);
}

function getBottom(layer) {

  if (isMinNS4)
    return(layer.top + getHeight(layer));
  else if (ie||dom)
    return(parseInt(layer.style.top) + getHeight(layer));
  return(-1);
}

function getPageLeft(layer) {

  if (isMinNS4)
    return(layer.pageX);
  if (ie||dom)
    return(layer.offsetLeft);
  return(-1);
}

function getPageTop(layer) {

  if (isMinNS4)
    return(layer.pageY);
  if (ie||dom)
    return(layer.offsetTop);
  return(-1);
}

function getWidth(layer) {

  if (isMinNS4) {
    if (layer.document.width)
      return(layer.document.width);
    else
      return(layer.clip.right - layer.clip.left);
  }
  if (ie||dom) {
    if (layer.style.width)
      return(layer.style.width);
    else
      return(layer.offsetWidth);
  }
  return(-1);
}

function getHeight(layer) {

  if (isMinNS4) {
    if (layer.document.height)
      return(layer.document.height);
    else
      return(layer.clip.bottom - layer.clip.top);
  }
  if (ie||dom) {
    if (false && layer.style.height)
      return(layer.style.height);
    else
      return(layer.offsetHeight);
  }
  return(-1);
}

function getzIndex(layer) {

  if (isMinNS4)
    return(layer.zIndex);
  if (ie||dom)
    return(layer.style.zIndex);

  return(-1);
}

function setzIndex(layer, z) {

  if (isMinNS4)
    layer.zIndex = z;
  if (ie||dom)
    layer.style.zIndex = z;
}

//-----------------------------------------------------------------------------
// Layer clipping.
//-----------------------------------------------------------------------------

function clipLayer(layer, clipleft, cliptop, clipright, clipbottom) {

  if (isMinNS4) {
    layer.clip.left   = clipleft;
    layer.clip.top    = cliptop;
    layer.clip.right  = clipright;
    layer.clip.bottom = clipbottom;
  }
  if (ie||dom)
    layer.style.clip = 'rect(' + cliptop + ' ' +  clipright + ' ' + clipbottom + ' ' + clipleft +')';
}

function getClipLeft(layer) {

  if (isMinNS4)
    return(layer.clip.left);
  if (ie||dom) {
    var str =  layer.style.clip;
    if (!str)
      return(0);
    var clip = getIEClipValues(layer.style.clip);
    return(clip[3]);
  }
  return(-1);
}

function getClipTop(layer) {

  if (isMinNS4)
    return(layer.clip.top);
  if (ie||dom) {
    var str =  layer.style.clip;
    if (!str)
      return(0);
    var clip = getIEClipValues(layer.style.clip);
    return(clip[0]);
  }
  return(-1);
}

function getClipRight(layer) {
  if (isMinNS4)
    return(layer.clip.right);
  if (ie||dom) {
    var str =  layer.style.clip;
    if (!str)
      return(layer.style.width);
    var clip = getIEClipValues(layer.style.clip);
    return(clip[1]);
  }
  return(-1);
}

function getClipBottom(layer) {

  if (isMinNS4)
    return(layer.clip.bottom);
  if (ie||dom) {
    var str =  layer.style.clip;
    if (!str)
      return(layer.style.height);
    var clip = getIEClipValues(layer.style.clip);
    return(clip[2]);
  }
  return(-1);
}

function getClipWidth(layer) {
  if (isMinNS4)
    return(layer.clip.width);
  if (ie||dom) {
    var str = layer.style.clip;
    if (!str)
      return(layer.style.width);
    var clip = getIEClipValues(layer.style.clip);
    return(clip[1] - clip[3]);
  }
  return(-1);
}

function getClipHeight(layer) {

  if (isMinNS4)
    return(layer.clip.height);
  if (ie||dom) {
    var str =  layer.style.clip;
    if (!str)
      return(layer.style.height);
    var clip = getIEClipValues(layer.style.clip);
    return(clip[2] - clip[0]);
  }
  return(-1);
}

function getIEClipValues(str) {

  var clip = new Array();
  var i;

  // Parse out the clipping values for IE layers.

  i = str.indexOf("(");
  clip[0] = parseInt(str.substring(i + 1, str.length), 10);
  i = str.indexOf(" ", i + 1);
  clip[1] = parseInt(str.substring(i + 1, str.length), 10);
  i = str.indexOf(" ", i + 1);
  clip[2] = parseInt(str.substring(i + 1, str.length), 10);
  i = str.indexOf(" ", i + 1);
  clip[3] = parseInt(str.substring(i + 1, str.length), 10);
  return(clip);
}

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

function scrollLayerTo(layer, x, y, bound) {

  var dx = getClipLeft(layer) - x;
  var dy = getClipTop(layer) - y;

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

function scrollLayerBy(layer, dx, dy, bound) {

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

  if (bound) {
    if (cl + dx < 0)

      dx = -cl;

    else if (cr + dx > getWidth(layer))
      dx = getWidth(layer) - cr;
    if (ct + dy < 0)

      dy = -ct;

    else if (cb + dy > getHeight(layer))
      dy = getHeight(layer) - cb;
  }

  clipLayer(layer, cl + dx, ct + dy, cr + dx, cb + dy);
  moveLayerBy(layer, -dx, -dy);
}

//-----------------------------------------------------------------------------
// Layer background.
//-----------------------------------------------------------------------------

function setBgColor(layer, color) {

  if (isMinNS4)
    layer.bgColor = color;
  if (ie||dom)
    layer.style.backgroundColor = color;
}

function setBgImage(layer, src) {

  if (isMinNS4)
    layer.background.src = src;
  if (ie||dom)
    layer.style.backgroundImage = "url(" + src + ")";
}

//-----------------------------------------------------------------------------
// Layer utilities.
//-----------------------------------------------------------------------------

function getLayer(name) {
  if (isMinNS4)
    return findLayer(name, document);
  if (ie)
    return eval('document.all.' + name);
  if (dom)
    return document.getElementById(name);
  return null;
}

function findLayer(name, doc) {

  var i, layer;

  for (i = 0; i < doc.layers.length; i++) {
    layer = doc.layers[i];
    if (layer.name == name)
      return layer;
    if (layer.document.layers.length > 0) {
      layer = findLayer(name, layer.document);
      if (layer != null)
        return layer;
    }
  }

  return null;
}

//-----------------------------------------------------------------------------
// Window and page properties.
//-----------------------------------------------------------------------------

function getWindowWidth() {

  if (isMinNS4||dom)
    return(window.innerWidth);
  if (ie)
    return(document.body.clientWidth);
  return(-1);
}

function getWindowHeight() {

  if (isMinNS4||dom)
    return(window.innerHeight);
  if (ie)
    return(document.body.clientHeight);
  return(-1);
}

function getPageWidth() {

  if (isMinNS4||dom)
    return(document.width);
  if (ie)
    return(document.body.scrollWidth);
  return(-1);
}

function getPageHeight() {

  if (isMinNS4||dom)
    return(document.height);
  if (ie)
    return(document.body.scrollHeight);
  return(-1);
}

function getPageScrollX() {

  if (isMinNS4||dom)
    return(window.pageXOffset);
  if (ie)
    return(document.body.scrollLeft);
  return(-1);
}

function getPageScrollY() {

  if (isMinNS4||dom)
    return(window.pageYOffset);
  if (ie)

    return(document.body.scrollTop);
  return(-1);
}