/******************************************************************************
* 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) {
   var smsg = "moving " + layer.id + " to " + x + ", " + y;
   //window.alert(smsg);
      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 + layer.clientTop);
   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) {
      try {
         layer.style.clip = 'rect(' + cliptop + 'px ' + clipright + 'px ' + clipbottom + 'px ' + clipleft + 'px)';
      }
      catch (e) {
//         window.alert(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;
   }

   var smsg = cl + ct + cr + 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);
}