/*
  ksLib.js                                                                    
                                                                             
  Joe Duong - (kinezosoft.com)                               
  kinezo@kinezosoft.com

  NB: This was inspired by dhtmllib.js from the old http://www.brainjar.com
      He use to support a cross-browser DHTML/JavaScript library for
      NS4+/IE4+, but has now dropped support for anything <NS6/<IE5.5

      This is where I come in. I wanted to continue (or redo) the library such
      that most of the basic functions from his dhtmllib.js would work accross
      NS4+/IE4+ (upto and including NS6/IE5.5). I've talked to him and he said
      he'll never go back to it. I asked him if I could take his old code for
      this project and he didn't respond. So I'm kind of redo'ing everything.
      It won't be that different from his, so I hope he doesn't mind. (For
      example, I'm borrowing most of his method names. (function names,
      whatever, I'm a Java programmer! :P)

*/

// quick and dirty browser sniffer
var isMinNS4 = (navigator.appName.indexOf("Netscape") >= 0 &&
                parseFloat(navigator.appVersion) >= 4 &&
                parseFloat(navigator.appVersion) < 5) ? true : false;
var isMinNS6 = (navigator.userAgent.indexOf("Gecko") >= 0 ||
                navigator.userAgent.indexOf("KMeleon") >= 0) ? true : false;
var isMinIE4 = (document.all) ? true : false;
var isMinIE5 = (isMinIE4 && navigator.appVersion.indexOf("5.") >= 0) ? true : false;

// quick and dirty platform sniffer
var isWin = (navigator.userAgent.indexOf("Win") >= 0) ? true : false;
var isMac = (navigator.userAgent.indexOf("Mac") >= 0) ? true : false;
var isOther = (!isWin && !isMac)  ? true : false;


/*
 * Layer visibility.
 */

// verified - works for all NS/IE
function hideLayer(layer) {
  if (isMinNS4) {
    layer.visibility = "hide";
  }

  if (isMinIE4 || isMinNS6) {
    layer.style.visibility = "hidden";
  }
}

// verified - works for all NS/IE
function showLayer(layer) {
  if (isMinNS4) {
    layer.visibility = "show";
  }

  if (isMinIE4 || isMinNS6) {
    layer.style.visibility = "visible";
  }
}

// verified - works for all NS/IE
function inheritLayer(layer) {
  if (isMinNS4) {
    layer.visibility = "inherit";
  }

  if (isMinIE4 || isMinNS6) {
    layer.style.visibility = "inherit";
  }
}

// verified - works for all NS/IE
function getVisibility(layer) {
  if (isMinNS4) {
    if (layer.visibility == "show") {
      return "visible";
    }

    if (layer.visibility == "hide") {
      return "hidden";
    }

    return layer.visibility;
  }

  if (isMinIE4 || isMinNS6) {
    return layer.style.visibility;
  }

  return "";
}


/*
 * Layer positioning.
 */

// verified - works for all NS/IE
function moveLayerTo(layer, x, y) {
  if (isMinNS4) {
    layer.moveTo(x, y);
  }

  if (isMinIE4 || isMinNS6) {
    layer.style.left = x + 'px';
    layer.style.top  = y + 'px';
  }
}

// verified - works for all NS/IE
function moveLayerBy(layer, dx, dy) {
  if (isMinNS4) {
    layer.moveBy(dx, dy);
  }

  if (isMinIE4) {
    layer.style.pixelLeft += dx;
    layer.style.pixelTop  += dy;
  }

  if (isMinNS6) {
    var tmpx = Math.round(dx) + parseInt(getLeft(layer));
    var tmpy = Math.round(dy) + parseInt(getTop(layer));
    moveLayerTo(layer, tmpx, tmpy);
  }
}

// verified - works for all NS/IE
function getLeft(layer) {
  if (isMinNS4) {
    return layer.left;
  }

  if (isMinIE4) {
    return layer.style.pixelLeft;
  }

  if (isMinNS6) {
    if (layer.style.left) {
      return parseInt(layer.style.left);
    } else {
      return parseInt(layer.offsetLeft);
    }
  }

  return -1;
}

// verified - works for all NS/IE
function getTop(layer) {
  if (isMinNS4) {
    return layer.top;
  }

  if (isMinIE4) {
    return layer.style.pixelTop;
  }

  if (isMinNS6) {
    if (layer.style.top) {
      return parseInt(layer.style.top);
    } else {
      return parseInt(layer.offsetTop);
    }
  }

  return -1;
}

// verified - works for all NS/IE
function getRight(layer) {
  if (isMinNS4) {
    return layer.left + getWidth(layer);
  }

  if (isMinIE4) {
    return layer.style.pixelLeft + getWidth(layer);
  }

  if (isMinNS6) {
    return parseInt(getLeft(layer) + getWidth(layer));
  }

  return -1;
}

// verified - works for all NS/IE
function getBottom(layer) {
  if (isMinNS4) {
    return layer.top + getHeight(layer);
  }

  if (isMinIE4) {
    return layer.style.pixelTop + getHeight(layer);
  }

  if (isMinNS6) {
    return parseInt(getTop(layer) + getHeight(layer));
  }

  return -1;
}

// verified - works for all NS/IE
function getPageLeft(layer) {
  var x;

  if (isMinNS4) {
    return layer.pageX;
  }

  if (isMinIE4 || isMinNS6) {
    x = 0;

    while (layer.offsetParent != null) {
      x += layer.offsetLeft;
      layer = layer.offsetParent;
    }

    x += layer.offsetLeft;
    return x;
  }

  return -1;
}

// verified - works for all NS/IE
function getPageTop(layer) {
  var y;

  if (isMinNS4) {
    return layer.pageY;
  }

  if (isMinIE4 || isMinNS6) {
    y = 0;

    while (layer.offsetParent != null) {
      y += layer.offsetTop;
      layer = layer.offsetParent;
    }

    y += layer.offsetTop;
    return y;
  }

  return -1;
}

// verified - works for all NS/IE
function getWidth(layer) {
  if (isMinNS4) {
    if (layer.document.width) {
      return layer.document.width;
    } else {
      return layer.clip.right - layer.clip.left;
    }
  }

  if (isMinIE4) {
    if (layer.style.pixelWidth) {
      return layer.style.pixelWidth;
    } else {
      return layer.clientWidth;
    }
  }

  if (isMinNS6) {
    if (layer.style.width) {
      return parseInt(layer.style.width);
    } else {
      return parseInt(layer.offsetWidth);
    }
  }

  return -1;
}

// verified - works for all NS/IE
function getHeight(layer) {
  if (isMinNS4) {
    if (layer.document.height) {
      return layer.document.height;
    } else {
      return layer.clip.bottom - layer.clip.top;
    }
  }

  if (isMinIE4) {
    if (layer.style.pixelHeight) {
      return layer.style.pixelHeight;
    } else {
      return layer.clientHeight;
    }
  }

  if (isMinNS6) {
    if (layer.style.height) {
      return parseInt(layer.style.height);
    } else {
      return parseInt(layer.offsetHeight);
    }
  }

  return -1;
}

// verified - works for all NS/IE
function getzIndex(layer) {
  if (isMinNS4) {
    return layer.zIndex;
  }

  if (isMinIE4) {
    return layer.style.zIndex;
  }

  if (isMinNS6) {
    return parseInt(layer.style.zIndex);
  }

  return -1;
}

// verified - works for all NS/IE
function setzIndex(layer, z) {
  if (isMinNS4) {
    layer.zIndex = z;
  }

  if (isMinIE4 || isMinNS6) {
    layer.style.zIndex = z;
  }
}


/*
 * Layer clipping.
 */

// verified - works for all NS/IE
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 (isMinIE4 || isMinNS6) {
    layer.style.clip = 'rect(' + cliptop + 'px ' +  clipright + 'px ' + clipbottom + 'px ' + clipleft +'px)';
  }
}

// verified - works for all NS/IE
function getClipLeft(layer) {
  if (isMinNS4) {
    return layer.clip.left;
  }

  if (isMinIE4 || isMinNS6) {
    var str =  layer.style.clip;

    if (!str) {
      return 0;
    }

    var clip = getRectClipValues(layer.style.clip);
    return(clip[3]);
  }

  return -1;
}

// verified - works for all NS/IE
function getClipTop(layer) {
  if (isMinNS4) {
    return layer.clip.top;
  }

  if (isMinIE4 || isMinNS6) {
    var str =  layer.style.clip;

    if (!str) {
      return 0;
    }

    var clip = getRectClipValues(layer.style.clip);
    return clip[0];
  }

  return -1;
}

// verified - works for all NS/IE
function getClipRight(layer) {
  if (isMinNS4) {
    return layer.clip.right;
  }

  if (isMinIE4 || isMinNS6) {
    var str =  layer.style.clip;

    if (!str) {
      return getWidth(layer);
    }

    var clip = getRectClipValues(layer.style.clip);
    return clip[1];
  }

  return -1;
}

// verified - works for all NS/IE
function getClipBottom(layer) {
  if (isMinNS4) {
    return layer.clip.bottom;
  }

  if (isMinIE4 || isMinNS6) {
    var str =  layer.style.clip;

    if (!str) {
      return getHeight(layer);
    }

    var clip = getRectClipValues(layer.style.clip);
    return clip[2];
  }

  return -1;
}

// verified - works for all NS/IE
function getClipWidth(layer) {
  if (isMinNS4) {
    return layer.clip.width;
  }

  if (isMinIE4 || isMinNS6) {
    var str = layer.style.clip;

    if (!str) {
      return getWidth(layer);
    }

    var clip = getRectClipValues(layer.style.clip);
    return clip[1] - clip[3];
  }

  return -1;
}

// verified - works for all NS/IE
function getClipHeight(layer) {
  if (isMinNS4) {
    return layer.clip.height;
  }

  if (isMinIE4 || isMinNS6) {
    var str =  layer.style.clip;

    if (!str) {
      return getHeight(layer);
    }

    var clip = getRectClipValues(layer.style.clip);
    return clip[2] - clip[0];
  }

  return -1;
}

// verified - works for all NS/IE
function getRectClipValues(str) {
  var clip = new Array();
  var i;

  // Parse out the clipping values
  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.
 */

// verified - works for all NS/IE
function scrollLayerTo(layer, x, y, bound) {
  var dx = getClipLeft(layer) - x;
  var dy = getClipTop(layer) - y;

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

// verified - works for all NS/IE
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.
 */

// verified - works for all NS/IE
function setBgColor(layer, color) {
  if (isMinNS4) {
    layer.bgColor = color;
  }

  if (isMinIE4 || isMinNS6) {
    layer.style.backgroundColor = color;
  }
}

// verified - works for all NS/IE
function setBgImage(layer, src) {
  if (isMinNS4) {
    layer.background.src = src;
  }

  if (isMinIE4 || isMinNS6) {
    layer.style.backgroundImage = "url(" + src + ")";
  }
}


/*
 * Layer utilities.
 */

// verified - works for all NS/IE
function getLayer(name) {
  if (isMinNS4) {
    return findLayer(name, document);
  }

  if (isMinIE4) {
    return eval('document.all.' + name);
  }

  if (isMinNS6) {
    return document.getElementById(name);
  }

  return null;
}

// verified - only needed for NS4 (see above: function getLayer)
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) {
      if ((layer = findLayer(name, layer.document)) != null) {
        return layer;
      }
    }
  }

  return null;
}


/*
 * Image utilities.
 */

// verified - works for all NS/IE
function getImage(name) {
  if (isMinNS4) {
    return findImage(name, document);
  }

  if (isMinIE4) {
    return eval('document.all.' + name);
  }

  if (isMinNS6) {
    var allImageTags = document.getElementsByTagName('img');
    for (var i=0; i<allImageTags.length; i++) {
      if (allImageTags[i].name == name) {
        return allImageTags[i];
      }
    }
  }

  return null;
}

// verified - only needed for NS4 (see above: function getImage)
function findImage(name, doc) {
  var i, img;

  for (i = 0; i < doc.images.length; i++) {
    if (doc.images[i].name == name) {
      return doc.images[i];
    }
  }

  for (i = 0; i < doc.layers.length; i++) {
    if ((img = findImage(name, doc.layers[i].document)) != null) {
      img.container = doc.layers[i];
    }

    return img;
  }

  return null;
}

// verified - works for all NS/IE
function getImagePageLeft(img) {
  var x, obj;

  if (isMinNS4) {
    if (img.container) {
      return img.container.pageX + img.x;
    } else {
      return img.x;
    }
  }

  if (isMinIE4) {
    x = 0;
    obj = img;

    while (obj.offsetParent != null) {
      x += obj.offsetLeft;
      obj = obj.offsetParent;
    }

    x += obj.offsetLeft;
    return x;
  }

  if (isMinNS6) {
    if (img.style.left) {
      return parseInt(img.style.left);
    } else {
      return parseInt(img.offsetLeft);
    }
  }

  return -1;
}

// verified - works for all NS/IE
function getImagePageTop(img) {
  var y, obj;

  if (isMinNS4) {
    if (img.container) {
      return img.container.pageY + img.y;
    } else {
      return img.y;
    }
  }

  if (isMinIE4) {
    y = 0;
    obj = img;

    while (obj.offsetParent != null) {
      y += obj.offsetTop;
      obj = obj.offsetParent;
    }

    y += obj.offsetTop;
    return y;
  }

  if (isMinNS6) {
    if (img.style.top) {
      return parseInt(img.style.top);
    } else {
      return parseInt(img.offsetTop);
    }
  }

  return -1;
}


/*
 * Window and page properties.
 */

// verified - works for all NS/IE
function getWindowWidth() {
  if (isMinNS4 || isMinNS6) {
    return window.innerWidth;
  }

  if (isMinIE4) {
    return document.body.clientWidth;
  }

  return -1;
}

// verified - works for all NS/IE
function getWindowHeight() {
  if (isMinNS4 || isMinNS6) {
    return window.innerHeight;
  }

  if (isMinIE4) {
    return document.body.clientHeight;
  }

  return -1;
}

// verified - works for all NS/IE
function getPageWidth() {
  if (isMinNS4 || isMinNS6) {
    return document.width;
  }

  if (isMinIE4) {
    return document.body.scrollWidth;
  }

  return -1;
}

// verified - works for all NS/IE
function getPageHeight() {
  if (isMinNS4 || isMinNS6) {
    return document.height;
  }

  if (isMinIE4) {
    return document.body.scrollHeight;
  }

  return -1;
}

// verified - works for all NS/IE
function getPageScrollX() {
  if (isMinNS4 || isMinNS6) {
    return window.pageXOffset;
  }

  if (isMinIE4) {
    return document.body.scrollLeft;
  }

  return -1;
}

// verified - works for all NS/IE
function getPageScrollY() {
  if (isMinNS4 || isMinNS6) {
    return window.pageYOffset;
  }

  if (isMinIE4) {
    return document.body.scrollTop;
  }

  return -1;
}