/*
* DOM/HtmlElement Functions
* 
* @author       Seisan Consulting   2-16-2006 
*/


function DOMFNCT(){
	/*
	* Function to take a standard javascript event object and return the target that triggered the event. 
	* Pre-Condtion: An javascript event must exist.
	* Post-Condition: The target that triggered the event is returned.
	*
	* @param        e - standard javascript event
	* @return		targ - the target that triggered the event.
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.getEventCurrentTarget = function(e){
		var targ
		if (!e) var e = window.event
		if (e.currentTarget) targ = e.currentTarget
		else if (e.srcElement) targ = e.srcElement
		if (targ.nodeType == 3) // defeat Safari bug
			targ = targ.parentNode
		return targ;
	}

	/*
	* Function to take a standard javascript event object and return the physical element that triggered the event. 
	* Pre-Condtion: An javascript event must exist.
	* Post-Condition: The physical element that triggered the event is returned.
	*
	*
	* @param        e - standard javascript event.
	* @return		targ - Returns the physical element that triggered the event. 
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.getEventElement = function(e){
		var targ
		if (!e) var e = window.event
		if (e.target) targ = e.target
		else if (e.srcElement) targ = e.srcElement
		if (targ.nodeType == 3) // defeat Safari bug
			targ = targ.parentNode
		return targ;
	}

	/*
	* Function to get the x value of the physical element clicked.
	* Pre-Condtion: An javascript event must exist.
	* Post-Condition: The x value of the physical element clicked is returned. 
	*
	* @param        e - a standard javascript event
	* @return		event.offsetX - the x value of the physical element clicked. 
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.getImageXfromLeft = function(e) {
	  if (!BrowserCheck.ie) return e.layerX;
	  else return event.offsetX;
	}

	/*
	* Function to get the y value of the physical element clicked.
	* Pre-Condtion: An javascript event must exist.
	* Post-Condition: The y value of the physical element clicked is returned. 
	*
	*
	* @param        e - a standard javascript event
	* @return		e.layerY - The y value of the physical element clicked. 
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.getImageYfromTop = function(e) {
	  if (!BrowserCheck.ie) return e.layerY;
	  else return event.offsetY;
	}

	/*
	* Function to get the x value of the location clicked in the browser client.
	* Pre-Condtion: An javascript event must exist.
	* Post-Condition: The x value of the location clicked in the browser client is returned.
	*
	* @param        e - a standard javascript event
	* @return 		event.clientX + scrollx - x location clicked in the browser client.
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.getClientXfromLeft = function(e) {
		var scrollx = (document.all)?document.body.scrollLeft:window.pageXOffset;
		if (!BrowserCheck.ie) return e.clientX + scrollx;
		else return event.clientX + scrollx;
	}

	/*
	* Function to get the y value of the location clicked in the browser client.
	* Pre-Condtion: An javascript event must exist.
	* Post-Condition: The y value of the location clicked in the browser client is returned.
	*
	* @param        e - s standard javascript event
	* @return 		event.clientY + scrolly - the y value of the location clicked in the browser client.
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.getClientYfromTop = function(e) {
		 var scrolly = (document.all)?document.body.scrollTop:window.pageYOffset;
		if (!BrowserCheck.ie) return e.clientY + scrolly;
		else return event.clientY + scrolly;
	}

	/*
	* Function to append an option to a select statement. 
	* Pre-Condition: The select statement must exist. 
	* Post-Condition: The option is added to the select statement passed to the function. 
	*
	* @param        select - the name of the select statement to be appended. 
	* @param		option - the option to be appeneded to the select statement. 
	* @return		select - the select statement with the new option appended. 
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.appendOptionToSelect = function(select, option){
		if(BrowserCheck.ie){
			var num = select.options.length;
			select.options[num] = option;
		}
		else {
			select.appendChild(option);
		}
		return select;
	}


	/*
	* Function that creates an option for a select statement. 
	* Post-Condition: An option is created with the text and value pair. 
	* @param        value - a value of a option
	* @param		text - the text of the option
	* @return		opt - the completed option statement
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.getSelectOption = function(value, text){
		var opt;
		if(BrowserCheck.ie){
			opt = new Option(text,value);
		}
		else {
			opt = document.createElement("option");
			opt.value = value;
			opt.text = text;
		}
		return opt;
	}

	/*
	* Function to some of the children from a node with the exception of those specified as exempt.
	* Pre-Condition: The node is an html element
	* Post-Condition: All child elements are removed from the node
	*
	* @param        node - node to which the children are to be removed from 
	* @param		exempt - children exceptions - not to be removed
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.removeSomeChildren = function(node, exempt){
		if(!node){
			return;
		}
	   
		var len = node.childNodes.length;
		   
		for(var i = 0; i < len; i++){   
			try{
				if(!isIn(node.childNodes[i].id, exempt)){
					node.removeChild(node.childNodes[i]);
				}
			}
			catch(ex){}
		}
		
	}

	/*
	* Function to remove all children from a node.
	* Pre-Condition: The node is an html element.
	* Post-Condition: All children are removed from the node. 
	*
	* @param        node - node to have all children removed from. 
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.removeAllChildren = function(node){
		if(!node){
			return;
		}
	   
		var len = node.childNodes.length;
	   
		for(var i = 0; i < len; i++){   
			try{
				node.removeChild(node.childNodes[i]);
			}
			catch(ex){}
		}
		
		node.innerHTML = "";
	
	}

	/*
	* Function to display all member functions of an object through standard output. 
	* Pre-Condition: A web cookie is created with the name "name", a value of "value" and set to expire on the time specified in "days" converted to UTC.
	* Post-Condition: All member functions are displayed of the object passed in. 
	*
	* @param        obj - the object that contains member functions.
	* @param		parent - second parameter.
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.dumpProps = function(obj, parent) {
	   // Go through all the properties of the passed-in object
	   for (var i in obj) {
		  // if a parent (2nd parameter) was passed in, then use that to
		  // build the message. Message includes i (the object's property name)
		  // then the object's property value on a new line
		  if (parent) { var msg = parent + "." + i + "\n" + obj[i]; } else { var msg = i + "\n" + obj[i]; }
		  // Display the message. If the user clicks "OK", then continue. If they
		  // click "CANCEL" then quit this level of recursion
		  if (!confirm(msg)) { return; }
		  // If this property (i) is an object, then recursively process the object
		  if (typeof obj[i] == "object") {
			 if (parent) { this.dumpProps(obj[i], parent + "." + i); } else { this.dumpProps(obj[i], i); }
		  }
	   }
	}

	/*
	* Function to read a CSS type Stylesheet. 
	* Pre-Condition: Information exists in a CSS type Stylesheet
	* Post-Condition: A string is returned displaying information in a CSS Stylesheet.
	*
	* @param        oElm - element
	* @param		strCssRule - callback function
	* @return 		strValue - value of the information read from the stylesheet.
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.getStyle = function(oElm, strCssRule){
		var strValue = "";
		if(document.defaultView && document.defaultView.getComputedStyle){
			strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
		}
		else if(oElm.currentStyle){
			strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
				return p1.toUpperCase();
			});
			strValue = oElm.currentStyle[strCssRule];
		}
		return strValue;
	}


	/*
	* Function retrieve the value of the inner window height of the client browser. 
	* Post-Condition: The value of the inner window height of the client browser is returned. 
	*
	* @return		myHeight - value of the height of the inner window of the client browser.
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.getBrowserWindowHeight = function() {
	  var myHeight = 0;
	  if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myHeight = window.innerHeight;
	  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myHeight = document.documentElement.clientHeight;
	  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myHeight = document.body.clientHeight;
	  }
	  return myHeight;
	}

	/*
	* Function retrieve the value of the inner window wifth of the client browser. 
	* Post-Condition: The value of the inner window width of the client browser is returned. 
	*
	* @return		myWidth - value of the width of the inner window of the client browser.
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.getBrowserWindowWidth = function() {
	  var myWidth = 0;
	  if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
	  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
	  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
	  }
	  return myWidth;
	}
	
	

	/*
	* Function to change the visibility status of an html element. 
	* Pre-Condition; The element must be an html element. 
	* Post-Condition: The visibility status of the html element is switched based on the initial status of the element. 
	*
	* @param        element - an html element
	* @param		status - visibility status
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.changeElementVisibility = function(element, status){
		if (document.layers)
		{
			if(status == "visible")
				status = "show";
			else 
				status = "hide";
			element.visibility = status;
		}
		else if (document.all || document.getElementById)
		{
			element.style.visibility = status;
		}
	}
	

	/*
	* Function to build an html input element. 
	* Pre-Condition: none
	* Post-Condition: An html input element is constructed based on the type, name and value.
	*
	* @param        type - input type
	* @param		name - input name
	* @param		value - input value
	* @return       input - an html input element
	* @author       Seisan Consulting   2-16-2006 
	*/
	this.createInputElementCheckBox = function(type, name, value, checked, id){
		
		if(!id)
			id = value;
		if(BrowserCheck.ie){
			if(checked)
			{
				return document.createElement("<input type=\"" + type + "\" id=\"" + id + "\" name=\"" + name + "\" value=\"" + value + "\" onclick='onPoiClick(event)' checked />");
			}
			else
			{
				return document.createElement("<input type=\"" + type + "\" id=\"" + id + "\" name=\"" + name + "\" value=\"" + value + "\" onclick='onPoiClick(event)'/>");
			}
		}
		else {
			if(checked)
			{
				input = document.createElement("input");
				input.type = type;
				input.id = id;
				input.name = name;
				input.value = value;
				input.checked = true;
				input.onclick = onPoiClick;
				return input;
			}
			else
			{
				input = document.createElement("input");
				input.type = type;
				input.id = id;
				input.name = name;
				input.value = value;
				input.onclick = onPoiClick;
				
				return input;
			}
		}
	}
	
	
	this.createInputElement = function(type, name, value, id){
	
		if(!id)
			id = value;
		if(BrowserCheck.ie){
			return document.createElement("<input type=\"" + type + "\" id=\"" + id + "\" name=\"" + name + "\" value=\"" + value + "\" />");
		}
		else {
				input = document.createElement("input");
				input.type = type;
				input.id = id;
				input.name = name;
				input.value = value;	
				return input;
		}
	}
}

var DOMFunctions = new DOMFNCT();