/******************************************************************************
* dhtmllib.js                                                                 *
*                                                                             *
* Copyright 1999 by Mike Hall.                                                *
* Web address: http://www.brainjar.com                                        *
* Last update: November 30, 1999.                                             *
*                                                                             *
* Provides basic functions for DHTML positioned elements which will work on   *
* both Netscape Communicator and Internet Explorer browsers (version 4.0 and  *
* up).                                                                        *
*******************************************************************************
* Updated 05 Nov 2002 by Sean Gardner for IE 5 and Netscape 6 DHTML           *
* compatibility.                                                              *
******************************************************************************/

// Determine browser capabilities.
var SupportsElements = false;
var SupportsLayers = false;
var SupportsAll = false;
var agent = navigator.userAgent.toLowerCase();
var major = parseInt(navigator.appVersion);
var minor = parseFloat(navigator.appVersion);

if (navigator.appName.indexOf("Netscape") >= 0 && parseFloat(navigator.appVersion) <= 3) {
	// Early Netscape.
} else {
	if (document.getElementById) {
		// Netscape 6+, IE 5+.
		SupportsElements = true
		
		// Only support Netscape 6.2+
		var ns = ((agent.indexOf('mozilla') != -1 || agent.indexOf("gecko") > -1 || window.sidebar) &&  ((agent.indexOf('spoofer') == -1) && (agent.indexOf('compatible') == -1)));
		var ns6 = (ns && (major >= 5) || agent.indexOf("gecko") > -1 || window.sidebar);
		var ns62 = (ns6 && (minor >= 5));
		if (ns62) ns6 = false;

		if (ns6 && minor < 2) SupportsElements = false
	} else {
		if (document.all) {
			// IE 4.  IE 5 supports document.all, but we're going to favor
			// the DHTML standard getElementById.
			SupportsAll = true
		} else {
			if (document.layers) {
				// Netscape 4 only.
				SupportsLayers = true
			}
		}
	}
}

var winDebug = null
// Debug
//alert("SupportsLayers=" + SupportsLayers + "\nSupportsAll=" + SupportsAll + "\nSupportsElements=" + SupportsElements)
//winDebug = window.open("","Debug","toolbar=no,width=400,height=400")
//SupportsElements = false
//SupportsLayers = false
//SupportsAll = true


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

function hideLayer(layer) {

	if (SupportsLayers) layer.visibility = "hide"
	else if (SupportsElements || SupportsAll) layer.style.visibility = "hidden";
	
}

function showLayer(layer) {

  if (SupportsLayers) layer.visibility = "show"
  else if (SupportsElements || SupportsAll) layer.style.visibility = "visible";

}

function isVisible(layer) {

  if (SupportsLayers && layer.visibility == "show") return(true)
  else if ((SupportsElements || SupportsAll) && layer.style.visibility == "visible") return(true);

  return(false);
}

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

function moveLayerTo(layer, x, y) {

  if (SupportsLayers) {
		layer.moveTo(x, y)
	} else {
  	if (SupportsAll) {
	    layer.style.left = x;
 		  layer.style.top  = y;
		} else {
			if (SupportsElements) {
				layer.style.left = x + "px";
				layer.style.top = y + "px";
			}
		}
  }

}

function moveLayerBy(layer, dx, dy) {

  if (SupportsLayers) {
		layer.moveBy(dx, dy)
	} else {
	  if (SupportsElements) {
			layer.style.left = (parseInt(layer.style.left, 10) + dx) + "px";
			layer.style.top = (parseInt(layer.style.top, 10) + dy) + "px";
		} else {
			if (SupportsAll) {
	  	  layer.style.pixelLeft += dx;
  	  	layer.style.pixelTop  += dy;
			}
		}
  }

}

function getLeft(layer) {

  if (SupportsLayers) return(layer.left)
	else if (SupportsElements) return(parseInt(layer.style.left, 10))
	else if (SupportsAll) return(layer.style.pixelLeft);
  return(-1);

}

function getTop(layer) {

  if (SupportsLayers) return(layer.top)
  else if (SupportsElements) return(parseInt(layer.style.top, 10))
	else if (SupportsAll) return(layer.style.pixelTop);
  return(-1);

}

function getRight(layer) {

  if (SupportsLayers) return(layer.left + getWidth(layer))
  else if (SupportsElements) return(parseInt(layer.style.left, 10) + getWidth(layer))
	else if (SupportsAll) return(layer.style.pixelLeft + getWidth(layer));
  return(-1);

}

function getBottom(layer) {

  if (SupportsLayers) return(layer.top + getHeight(layer))
  else if (SupportsElements) return(parseInt(layer.style.top, 10) + getHeight(layer))
	else if (SupportsAll) return(layer.style.pixelTop + getHeight(layer));
  return(-1);

}

function getPageLeft(layer) {

  if (SupportsLayers) return(layer.pageX)
  else if (SupportsElements || SupportsAll) return(layer.offsetLeft);
  return(-1);

}

function getPageTop(layer) {

  if (SupportsLayers) return(layer.pageY)
  else if (SupportsElements || SupportsAll) return(layer.offsetTop);
  return(-1);

}

function getWidth(layer) {

  if (SupportsLayers) {
    if (layer.document.width) {
      return(layer.document.width)
    } else {
      return(layer.clip.right - layer.clip.left)
		}
  } else {
	  if (SupportsAll) {
  	  if (layer.style.pixelWidth) {
    	  return(layer.style.pixelWidth)
	    } else {
  	    return(layer.clientWidth)
			}
		} else {
			if (SupportsElements) {
  	  	if (layer.style.width) {
    		  return(layer.style.width)
	  	  } else {
  		    return(layer.clientWidth)
				}
			}
		}
  }
  return(-1);

}

function getHeight(layer) {

  if (SupportsLayers) {
    if (layer.document.height) {
      return(layer.document.height)
    } else {
      return(layer.clip.bottom - layer.clip.top)
		}
  } else {
	  if (SupportsAll) {
  	  if (false && layer.style.pixelHeight) {
    	  return(layer.style.pixelHeight)
	    } else {
  	    return(layer.clientHeight)
			}
		} else {
			if (SupportsElements) {
  	  	if (false && layer.style.height) {
    		  return(layer.style.height)
	  	  } else {
  		    return(layer.clientHeight)
				}
			}
		}
  }
  return(-1);

}

function getzIndex(layer) {

  if (SupportsLayers) return(layer.zIndex)
  else if (SupportsElements || SupportsAll) return(layer.style.zIndex)

  return(-1);

}

function setzIndex(layer, z) {

  if (SupportsLayers) layer.zIndex = z
  else if (SupportsElements || SupportsAll) layer.style.zIndex = z;

}

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

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

  if (SupportsLayers) {
    layer.clip.left   = clipleft
    layer.clip.top    = cliptop
    layer.clip.right  = clipright
    layer.clip.bottom = clipbottom
  } else {
	  if (SupportsElements || SupportsAll) {
  	  layer.style.clip = 'rect(' + cliptop + 'px ' +  clipright + 'px ' + clipbottom + 'px ' + clipleft +'px)'
		}
	}

}

function getClipLeft(layer) {

  if (SupportsLayers) {
		return(layer.clip.left)
	} else {
		if (SupportsElements || SupportsAll) {
	    var str =  layer.style.clip
  	  if (!str) return(0);
	    var clip = GetCSSClipValues(layer.style.clip)
  	  return(clip[3])
		}
  }
  return(-1);

}

function getClipTop(layer) {

  if (SupportsLayers) {
    return(layer.clip.top)
	} else {
  	if (SupportsElements || SupportsAll) {
    	var str =  layer.style.clip
	    if (!str) return(0);
	    var clip = GetCSSClipValues(layer.style.clip)
  	  return(clip[0])
		}
  }
  return(-1);

}

function getClipRight(layer) {

  if (SupportsLayers) {
    return(layer.clip.right)
	} else {
	  if (SupportsElements || SupportsAll) {
  	  var str =  layer.style.clip
    	if (!str) return(layer.style.width);

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

}

function getClipBottom(layer) {

  if (SupportsLayers) {
    return(layer.clip.bottom)
	} else {
	  if (SupportsElements || SupportsAll) {
  	  var str =  layer.style.clip
    	if (!str) return(layer.style.height);

	    var clip = GetCSSClipValues(layer.style.clip)
  	  return(clip[2])
		}
  }
  return(-1);

}

function getClipWidth(layer) {

  if (SupportsLayers) {
    return(layer.clip.width)
	} else {
	  if (SupportsElements || SupportsAll) {
  	  var str = layer.style.clip
    	if (!str)	return(layer.style.width);

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

}

function getClipHeight(layer) {

  if (SupportsLayers) {
    return(layer.clip.height)
	} else {
	  if (SupportsElements || SupportsAll) {
  	  var str =  layer.style.clip
    	if (!str) return(layer.style.height);

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

}

function GetCSSClipValues(str) {

  var clip = new Array();
  var i;

  // Parse out the clipping values for CSS 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 (SupportsLayers) layer.bgColor = color
  else if (SupportsElements || SupportsAll) layer.style.backgroundColor = color;

}

function setBgImage(layer, src) {

  if (SupportsLayers) layer.background.src = src
  else if (SupportsElements || SupportsAll) layer.style.backgroundImage = "url(" + src + ")";

}

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

function getLayer(name) {

  if (SupportsLayers) return findLayer(name, document)
  else if (SupportsElements) return document.getElementById(name)
	else if (SupportsAll) return eval('document.all.' + 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 (SupportsLayers) return(window.innerWidth)
  else if (SupportsElements || SupportsAll) return(document.body.clientWidth);
  return(-1);

}

function getWindowHeight() {

  if (SupportsLayers) return(window.innerHeight)
  else if (SupportsElements || SupportsAll) return(document.body.clientHeight);
  return(-1);

}

function getPageWidth() {

  if (SupportsLayers) return(document.width)
  else if (SupportsElements || SupportsAll) return(document.body.scrollWidth);
  return(-1);

}

function getPageHeight() {

  if (SupportsLayers) return(document.height)
  else if (SupportsElements || SupportsAll) return(document.body.scrollHeight);
  return(-1);

}

function getPageScrollX() {

  if (SupportsLayers) return(window.pageXOffset)
  else if (SupportsElements || SupportsAll) return(document.body.scrollLeft);
  return(-1);

}

function getPageScrollY() {

  if (SupportsLayers) return(window.pageYOffset)
  else if (SupportsElements || SupportsAll) return(document.body.scrollTop);
  return(-1);

}