/**
 * COMMON DHTML FUNCTIONS
 * These are handy functions I use all the time.
 *
 * By Seth Banks (webmaster at subimage dot com)
 * http://www.subimage.com/
 *
 * Up to date code can be found at http://www.subimage.com/dhtml/
 *
 * This code is free for you to use anywhere, just keep this comment block.
 */

/**
 * X-browser event handler attachment and detachment
 * TH: Switched first true to false per http://www.onlinetools.org/articles/unobtrusivejavascript/chapter4.html
 *
 * @argument obj - the object to attach event to
 * @argument evType - name of the event - DONT ADD "on", pass only "mouseover", etc
 * @argument fn - function to call
 */
 
 //	------------------------------------------------FF 	N 	IE 
//onabort		Loading of an image is interrupted 	1 	3 	4 
//onblur		An element loses focus 				1 	2 	3 
//onchange		The user changes the content		1 	2 	3 
//onclick		Mouse clicks an object 				1 	2	3 
//ondblclick	Mouse double-clicks an object 		1 	4 	4 
//onerror		An error occurs when loading 		1	3 	4 
//onfocus		An element gets focus 				1	2	3 
//onkeydown		A keyboard key is pressed 			1 	4	3 
//onkeypress	A key is pressed or held down 		1	4	3 
//onkeyup		A keyboard key is released 			1	4	3 
//onload		A pagan image is finished loading 	1	2	3 
//onmousedown	A mouse button is pressed			1	4	4 
//onmousemove	The mouse is moved 					1	6	3 
//onmouseout	The mouse is moved off an element 	1	4	4 
//onmouseover	The mouse is moved over an element 	1	2	3 
//onmouseup		A mouse button is released 			1	4	4 
//onreset		The reset button is clicked 		1	3	4 
//onresize		A window or frame is resized 		1	4	4 
//onselect 		Text is selected 					1	2	3 
//onsubmit 		The submit button is clicked 		1	2	3 
//onunload 		The user exits the page 			1	2	3 
//	------------------------------------------------
 //	------------------------------------------------
 
function addEvent(obj, evType, fn){
 if (obj.addEventListener){
    obj.addEventListener(evType, fn, false);
    return true;
 } else if (obj.attachEvent){
    var r = obj.attachEvent("on"+evType, fn);
    return r;
 } else {
    return false;
 }
}
function removeEvent(obj, evType, fn, useCapture){
  if (obj.removeEventListener){
    obj.removeEventListener(evType, fn, useCapture);
    return true;
  } else if (obj.detachEvent){
    var r = obj.detachEvent("on"+evType, fn);
    return r;
  } else {
    alert("Handler could not be removed");
  }
}

/**
 * Code below taken from - http://www.evolt.org/article/document_body_doctype_switching_and_more/17/30655/
 *
 * Modified 4/22/04 to work with Opera/Moz (by webmaster at subimage dot com)
 *
 * Gets the full width/height because it's different for most browsers.
 */
function getViewportHeight() {
	if (window.innerHeight!=window.undefined) return window.innerHeight;
	if (document.compatMode=='CSS1Compat') return document.documentElement.clientHeight;
	if (document.body) return document.body.clientHeight; 

	return window.undefined; 
}
function getViewportWidth() {
	var offset = 17;
	var width = null;
	if (window.innerWidth!=window.undefined) return window.innerWidth; 
	if (document.compatMode=='CSS1Compat') return document.documentElement.clientWidth; 
	if (document.body) return document.body.clientWidth; 
}

/**
 * Gets the real scroll top
 */
function getScrollTop() { 
	if (self.pageYOffset) // all except Explorer
	{
		return self.pageYOffset;
	}
	else if (document.documentElement && document.documentElement.scrollTop)
		// Explorer 6 Strict
	{
		return document.documentElement.scrollTop;
	}
	else if (document.body) // all other Explorers
	{
		return document.body.scrollTop;
	}
}
function getScrollLeft() {
	if (self.pageXOffset) // all except Explorer
	{
		return self.pageXOffset;
	}
	else if (document.documentElement && document.documentElement.scrollLeft)
		// Explorer 6 Strict
	{
		return document.documentElement.scrollLeft;
	}
	else if (document.body) // all other Explorers
	{
		return document.body.scrollLeft;
	}
}