groovy/modules/grails/src/war/js/grails.js - groovy - Git at Google

 /*
  * Copyright 2004-2005 the original author or authors.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
  *      http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
  * @author Graeme Rocher (graemerocher@yahoo.co.uk)
  *
  */
 var Grails = {
   Version: '0.1a-alphha'
 }
 // additional prototype
 String.prototype.trim = function() {
    return this.replace(/^\s*|\s*$/g,"");
 }

 Grails.InnerHTMLUpdater = Class.create();
 Grails.InnerHTMLUpdater.prototype = {

 	initialize: function(element) {
 		this.element = element;
 		this.onComplete = null;
 		this.options = null;
 		this.debug = false;

 		if(arguments.length > 1) {
 			this.options = arguments[1];
 		}
 		if(this.options != null) {
 			this.onComplete = this.options.complete;
 			if(this.options.debug != undefined) {
 				this.debug = this.options.debug;
 			}
 		}
 	},

 	ajaxUpdate: function(ajaxResponse) {
 		if(this.debug) {
 			alert( "Ajax Results: " + RicoUtil.getContentAsString(ajaxResponse) );
 		}
 		$(this.element).innerHTML = RicoUtil.getContentAsString(ajaxResponse);

 		if(this.onComplete != null) {
 			this.onComplete( this.element );
 		}

 	}
 }

 /**
  * DHTMLHelper class for attaching events, locating positions and creating elements etc.
  */
 Grails.DHTMLHelper = Class.create();
 Grails.DHTMLHelper.prototype = {
 	initialize: function(){
 		this.isIE = navigator.userAgent.toLowerCase().indexOf("msie") >= 0;
 	},
 	createElement: function(type,container) {
 		var el = null;
 		if (document.createElementNS) {
 			el = document.createElementNS("http://www.w3.org/1999/xhtml", type);
 		} else {
 			el = document.createElement(type);
 		}
 		if (container != undefined) {
 			container.appendChild(el);
 		}
 		return el;
 	},
 	getAbsolutePos: function(el) {
 		var SL = 0, ST = 0;
 		var is_div = /^div$/i.test(el.tagName);
 		if (is_div && el.scrollLeft)
 			SL = el.scrollLeft;
 		if (is_div && el.scrollTop)
 			ST = el.scrollTop;
 		var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };
 		if (el.offsetParent) {
 			var tmp = this.getAbsolutePos(el.offsetParent);
 			r.x += tmp.x;
 			r.y += tmp.y;
 		}
 		return r;
 	},
 	removeClass: function(element, className) {
 		if (!(element && element.className)) {
 			return;
 		}
 		var classNames = element.className.split(" ");
 		var a = new Array();
 		for(var i = 0; i < classNames.length; i++) {
 			if(classNames[i] != className)
 				a.push(classNames[i]);
 		}
 		element.className = a.join(" ");
 	},
 	addClass: function(element, className) {
 		this.removeClass(element, className);
 		element.className += " " + className;
 	},
 	addEvent: function(el, evname, func) {
 		if (el.attachEvent) { // IE
 			el.attachEvent("on" + evname, func);
 		} else if (el.addEventListener) { // Gecko / W3C
 			el.addEventListener(evname, func, true);
 		} else {
 			el["on" + evname] = func;
 		}
 	},
 	removeEvent: function(el, evname, func) {
 		if (el.detachEvent) { // IE
 			el.detachEvent("on" + evname, func);
 		} else if (el.removeEventListener) { // Gecko / W3C
 			el.removeEventListener(evname, func, true);
 		} else {
 			el["on" + evname] = null;
 		}
 	}
 }
 var dhtmlHelper = new Grails.DHTMLHelper();

 /**
  * Creates an auto-complete field from the supplied parameters
  * @param container The parent of the element to place the results into
  * @param id The id of the div to place the results into
  * @param field The field which requires auto-complete
  * @param delegate A function which takes the field as an argument
  * @param parent An options map
  */
 Grails.AutoComplete = Class.create();
 Grails.AutoComplete.prototype = {
 	initialize: function(id, field, url,options) {
 		this.container = document.body;
 		this.id = id;
 		this.autoCompleteField = $(field);
 		this.url = url;
 		this.options = options;
 		this.minLength = 1;
 		this.onDisplay = null;
 		this.onSelect = null;
 		this.cache = new Array();
 		this.useCache = true;
 		this.useCSS = false;
 		this.fontColor = "darkblue";
 		this.bgColor = "white";
 		this.overColor = "white";
 		this.overBgColor = "darkblue";
 		this.appendResult = false;

 		if(this.options != null) {
 			if(this.options.parent != null)
 				this.container = $(parent);
 			if(this.options.display != null)
 				this.onDisplay = this.options.display;
 			if(this.options.minLength != null)
 				this.minLength = this.options.minLength;
 			if(this.options.appendResult != null)
 				this.appendResult = this.options.appendResult;
 			if(this.options.select != null)
 				this.onSelect = this.options.select;
 			if(this.options.css != null)
 				this.useCSS = this.options.css;
 			if(this.options.cache != null)
 				this.useCache = this.options.cache;
 			if(this.options.fontColor != null)
 				this.fontColor = this.options.fontColor;
 			if(this.options.bgColor != null)
 				this.bgColor = this.options.bgColor;
 			if(this.options.overColor != null)
 				this.overColor = this.options.overColor;
 			if(this.options.overBgColor != null)
 				this.overBgColor = this.options.overBgColor;
 		}
 		this._registerRequestInfo();
 		this._createAutoCompleteField();
 	},
 	_registerRequestInfo: function() {
 		ajaxEngine.registerRequest(this.id,this.url);
 		ajaxEngine.registerAjaxObject(this.id, this);
 	},
 	_createAutoCompleteField: function() {
 		var parent = this.container;
 		var el = dhtmlHelper.createElement("div", parent);
 		el.id = this.id;
 		el.className = "autoComplete " + this.id;
 		el.style.display = "none";
 		el.style.position = "absolute";

 		dhtmlHelper.addEvent(
 			this.autoCompleteField,
 			"blur",
 			function(e) {
 				if(el != null)
 				setTimeout( function() { el.style.display = "none" }, 500)
 			}
 		)
 		dhtmlHelper.addEvent(
 			this.autoCompleteField,
 			"keyup",
 			this._keyUpEventHandler.bindAsEventListener(this)
 		);
 	},
 	_keyUpEventHandler: function(e) {
 		if(!e)e = window.event;
 		if(e.keyCode == 40 || e.keyCode == 38) {
 			var autoCompleteResults = document.getElementsByTagAndClassName("div", "autoCompleteResult");
 			var autoCompleteResultsSelected = document.getElementsByTagAndClassName("div", "autoCompleteResultOver");
 			// if none are selected select the first result
 			if(autoCompleteResultsSelected.length == 0) {
 				if(autoCompleteResults.length > 0){
 					dhtmlHelper.removeClass(autoCompleteResults[0],"autoCompleteResult");
 					dhtmlHelper.addClass(autoCompleteResults[0],"autoCompleteResultOver");
 					if(this.appendResult)
 						this._handleTextSelection(autoCompleteResults[0]);
 				}
 			}
 			// otherwise get the current selected index and select the next one
 			else {
 				var selectedIndex = 0;
 				var acHolder = autoCompleteResultsSelected[0].parentNode;
 				var acHolderChildren = acHolder.getElementsByTagName("div");
 				for(var i = 0; i < acHolderChildren.length;i++ ) {
 					if(autoCompleteResultsSelected[0] == acHolderChildren[i]) {
 						selectedIndex = i;
 						break;
 					}
 				}
 				dhtmlHelper.removeClass(acHolderChildren[selectedIndex],"autoCompleteResultOver");
 				dhtmlHelper.addClass(acHolderChildren[selectedIndex],"autoCompleteResult");

 				if(e.keyCode == 40) {
 					selectedIndex++;
 				}else {
 					selectedIndex--;
 				}
 				if(selectedIndex > -1 && selectedIndex < acHolderChildren.length) {
 					dhtmlHelper.removeClass(acHolderChildren[selectedIndex],"autoCompleteResult");
 					dhtmlHelper.addClass(acHolderChildren[selectedIndex],"autoCompleteResultOver");
 					if(this.appendResult)
 						this._handleTextSelection(acHolderChildren[selectedIndex]);
 				}
 			}
 		}
 		else if(e.keyCode == 13 && !this.appendResult) {
 			var autoCompleteResultsSelected = document.getElementsByTagAndClassName("div", "autoCompleteResultOver");
 			if(autoCompleteResultsSelected.length > 0) {
 				// call click handler pretending this is an event
 				this._resultClickHandler( { target:autoCompleteResultsSelected[0] } );
 			}
 		}
 		// if search if enter is not pressed
 		else if(e.keyCode != 13) {
 			if(this.autoCompleteField.value.length > this.minLength) {
 				if(this.useCache) {
 					// if available in the cache
 					if(this.cache[this.autoCompleteField.value] != null) {
 						this._displayCachedResults(this.autoCompleteField.value);
 					}
 					else {
 						ajaxEngine.sendRequest(this.id,
 												this.autoCompleteField.name + "=" + this.autoCompleteField.value);
 					}
 				}
 				else {
 					ajaxEngine.sendRequest(this.id,
 											this.autoCompleteField.name + "=" + this.autoCompleteField.value);
 				}
 			}
 		}
 	},
 	ajaxUpdate: function(ajaxResponse) {
 		// cache the response
 		var ajaxResponseAsString = RicoUtil.getContentAsString(ajaxResponse);
 		this.cache[this.autoCompleteField.value] = ajaxResponseAsString;
 		$(this.id).innerHTML = ajaxResponseAsString;

 		var autoCompleteResults = document.getElementsByTagAndClassName("div", "autoCompleteResult");
 		var autoCompleteResultsSelected = document.getElementsByTagAndClassName("div", "autoCompleteResultOver");
 		// if none are selected select the first result
 		if(autoCompleteResultsSelected.length == 0 && this.appendResult) {
 			if(autoCompleteResults.length > 0){
 				dhtmlHelper.removeClass(autoCompleteResults[0],"autoCompleteResult");
 				dhtmlHelper.addClass(autoCompleteResults[0],"autoCompleteResultOver");

 				this._handleTextSelection(autoCompleteResults[0]);
 			}
 		}
 		// attach behaviours
 		this._attachResultBehaviours(autoCompleteResults);
 		// display the results
 		this._displayResults(autoCompleteResults);
 	},
 	_displayCachedResults: function(key) {
 		var el = $(this.id);
 		el.innerHTML = this.cache[this.autoCompleteField.value];
 		var autoCompleteResults = document.getElementsByTagAndClassName("div", "autoCompleteResult");
 		var autoCompleteResultsSelected = document.getElementsByTagAndClassName("div", "autoCompleteResultOver");
 		// if none are selected select the first result
 		if(autoCompleteResultsSelected.length == 0 && this.appendResult) {
 			if(autoCompleteResults.length > 0){
 				dhtmlHelper.removeClass(autoCompleteResults[0],"autoCompleteResult");
 				dhtmlHelper.addClass(autoCompleteResults[0],"autoCompleteResultOver");

 				this._handleTextSelection(autoCompleteResults[0]);
 			}
 		}
 		// attach behaviours
 		this._attachResultBehaviours(autoCompleteResults);
 		// display the results
 		this._displayResults(autoCompleteResults);
 	},
 	_handleTextSelection: function(selectedResult) {

 		var resultContent = selectedResult.innerHTML;
 		if(resultContent.indexOf(this.autoCompleteField.value) == 0) {
 			var i = resultContent.indexOf(	this.autoCompleteField.value );
 			var appendValue = resultContent.substring((i + 	this.autoCompleteField.value.length),resultContent.length);
 			this.autoCompleteField.value = this.autoCompleteField.value + appendValue;
 		}
 		else {
 			if(dhtmlHelper.isIE) {
 				if(document.selection != null){
 					var selectionRange = document.selection.createRange();
 					selectionRange.text = "";
 				}
 				var oldLength = this.autoCompleteField.value.length;
 				this.autoCompleteField.value = this.autoCompleteField.value + resultContent;
 				var range = this.autoCompleteField.createTextRange();
 				range.moveStart("character",oldLength);
 				range.moveEnd("character",this.autoCompleteField.value.length);
 				range.select();
 			}
 			else {
 				if (this.autoCompleteField.selectionEnd > 0) {
 						this.autoCompleteField.value = this.autoCompleteField.value.substring(0,this.autoCompleteField.selectionStart);
 				}
 				var oldLength = this.autoCompleteField.value.length;
 				this.autoCompleteField.value = this.autoCompleteField.value + resultContent;
 				this.autoCompleteField.selectionStart = oldLength;
 				this.autoCompleteField.selectionEnd = this.autoCompleteField.value.length;
 			}
 		}
 	},
 	_displayResults: function(results) {
 		var pos = dhtmlHelper.getAbsolutePos(this.autoCompleteField);
 		var el = $(this.id);
 		// position results pane
 		el.style.left = pos.x + "px";
 		el.style.top = (pos.y + this.autoCompleteField.offsetHeight) + "px";
 		// if there are no results hide
 		if(results.length == 0) {
 			el.style.display = "none";
 			return;
 		}
 		else {
 			el.style.display = "";
 			if(this.onDisplay != null) {
 				this.onDisplay( el );
 			}
 		}
 	},
 	_attachResultBehaviours: function(results) {
 		for(var i = 0; i < results.length;i++) {
 			dhtmlHelper.addEvent(
 				results[i],
 				"mouseover",
 				this._resultMouseOverHandler.bindAsEventListener(this)
 			);
 			dhtmlHelper.addEvent(
 				results[i],
 				"mouseout",
 				this._resultMouseOutHandler.bindAsEventListener(this)
 			);
 			dhtmlHelper.addEvent(
 				results[i],
 				"click",
 				this._resultClickHandler.bindAsEventListener(this)
 			);
 		}
 	},
 	_resultMouseOverHandler: function(e) {
 		if(!e)e = window.event;
 		var src = e.srcElement;
 		if(!src)src = e.target;


 		dhtmlHelper.removeClass(src,"autoCompleteResult");
 		dhtmlHelper.addClass(src,"autoCompleteResultOver");
 		if(!this.useCSS) {
 			src.style.bgColor = this.overBgColor;
 			src.style.fontColor = this.overColor;
 		}
 	},
 	_resultMouseOutHandler: function(e) {
 		if(!e)e = window.event;
 		var src = e.srcElement;
 		if(!src)src = e.target;

 		dhtmlHelper.removeClass(src,"autoCompleteResultOver");
 		dhtmlHelper.addClass(src,"autoCompleteResult");

 		if(!this.useCSS) {
 			src.style.bgColor = this.bgColor;
 			src.style.fontColor = this.fontColor;
 		}
 	},
 	_resultClickHandler: function(e) {
 		if(!e)e = window.event;

 		var src = e.srcElement;
 		if(!src)src = e.target;

 		if(this.appendResult) {
 			this._handleTextSelection(src);
 		}
 		else {
 			this.autoCompleteField.value = src.innerHTML;
 		}
 		$(this.id).style.display = "none";
 		if(this.onSelect != null) {
 			this.onSelect( $(this.id), src );
 		}
 	}
 }


 function createParamsForFields(fieldClass) {
 	var inputs = document.getElementsByTagAndClassName("INPUT", fieldClass);
 	var selects = document.getElementsByTagAndClassName("SELECT", fieldClass);
 	var params = new Array();

 	// process inputs first
 	for(var i = 0; i < inputs.length; i++ ) {
 		// if its a radio button only include checked value
 		if(inputs[i].type == "radio") {
 			if(inputs[i].checked) {
 				params[i] = {
 					name: inputs[i].name,
 					value: inputs[i].value
 				};
 			}
 		}
 		else if(inputs[i].type == "checkbox") {
 			if(inputs[i].checked) {
 				params[i] = {
 					name: inputs[i].name,
 					value: true
 				};
 			}
 			else {
 				params[i] = {
 					name: inputs[i].name,
 					value: false
 				};
 			}
 		}
 		else {
 			params[i] = {
 				name: inputs[i].name,
 				value: inputs[i].value
 			};
 		}
 	}
 	// process selects
 	for(var i = 0, j = params.length; i < selects.length; i++,j++) {
 		params[j] = {
 			name: selects[i].name,
 			value: selects[i].options[ selects[i].selectedIndex ].value
 		};
 	}
 	return params;
 }


 /**
  * function for retrieving elements for the tag and className from an HTML element
  */
 function getElementsByTagAndClassName(element,tagName, className) {
   if ( tagName == null )
      tagName = '*';

   var children = element.getElementsByTagName(tagName) || document.all;
   var elements = new Array();

   if ( className == null )
     return children;

   for (var i = 0; i < children.length; i++) {
     var child = children[i];
     if(child.className == null) {
     	continue;
     }
     var classNames = child.className.split(' ');
     for (var j = 0; j < classNames.length; j++) {
       if (classNames[j] == className) {
         elements.push(child);
         break;
       }
     }
   }

   return elements;
 }
	/*
	* Copyright 2004-2005 the original author or authors.
	*
	* Licensed under the Apache License, Version 2.0 (the "License");
	* you may not use this file except in compliance with the License.
	* You may obtain a copy of the License at
	*
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Unless required by applicable law or agreed to in writing, software
	* distributed under the License is distributed on an "AS IS" BASIS,
	* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
	* See the License for the specific language governing permissions and
	* limitations under the License.
	*
	* @author Graeme Rocher (graemerocher@yahoo.co.uk)
	*
	*/
	var Grails = {
	Version: '0.1a-alphha'
	}
	// additional prototype
	String.prototype.trim = function() {
	return this.replace(/^\s\|\s$/g,"");
	}

	Grails.InnerHTMLUpdater = Class.create();
	Grails.InnerHTMLUpdater.prototype = {

	initialize: function(element) {
	this.element = element;
	this.onComplete = null;
	this.options = null;
	this.debug = false;

	if(arguments.length > 1) {
	this.options = arguments[1];
	}
	if(this.options != null) {
	this.onComplete = this.options.complete;
	if(this.options.debug != undefined) {
	this.debug = this.options.debug;
	}
	}
	},

	ajaxUpdate: function(ajaxResponse) {
	if(this.debug) {
	alert( "Ajax Results: " + RicoUtil.getContentAsString(ajaxResponse) );
	}
	$(this.element).innerHTML = RicoUtil.getContentAsString(ajaxResponse);

	if(this.onComplete != null) {
	this.onComplete( this.element );
	}

	}
	}

	/**
	* DHTMLHelper class for attaching events, locating positions and creating elements etc.
	*/
	Grails.DHTMLHelper = Class.create();
	Grails.DHTMLHelper.prototype = {
	initialize: function(){
	this.isIE = navigator.userAgent.toLowerCase().indexOf("msie") >= 0;
	},
	createElement: function(type,container) {
	var el = null;
	if (document.createElementNS) {
	el = document.createElementNS("http://www.w3.org/1999/xhtml", type);
	} else {
	el = document.createElement(type);
	}
	if (container != undefined) {
	container.appendChild(el);
	}
	return el;
	},
	getAbsolutePos: function(el) {
	var SL = 0, ST = 0;
	var is_div = /^div$/i.test(el.tagName);
	if (is_div && el.scrollLeft)
	SL = el.scrollLeft;
	if (is_div && el.scrollTop)
	ST = el.scrollTop;
	var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };
	if (el.offsetParent) {
	var tmp = this.getAbsolutePos(el.offsetParent);
	r.x += tmp.x;
	r.y += tmp.y;
	}
	return r;
	},
	removeClass: function(element, className) {
	if (!(element && element.className)) {
	return;
	}
	var classNames = element.className.split(" ");
	var a = new Array();
	for(var i = 0; i < classNames.length; i++) {
	if(classNames[i] != className)
	a.push(classNames[i]);
	}
	element.className = a.join(" ");
	},
	addClass: function(element, className) {
	this.removeClass(element, className);
	element.className += " " + className;
	},
	addEvent: function(el, evname, func) {
	if (el.attachEvent) { // IE
	el.attachEvent("on" + evname, func);
	} else if (el.addEventListener) { // Gecko / W3C
	el.addEventListener(evname, func, true);
	} else {
	el["on" + evname] = func;
	}
	},
	removeEvent: function(el, evname, func) {
	if (el.detachEvent) { // IE
	el.detachEvent("on" + evname, func);
	} else if (el.removeEventListener) { // Gecko / W3C
	el.removeEventListener(evname, func, true);
	} else {
	el["on" + evname] = null;
	}
	}
	}
	var dhtmlHelper = new Grails.DHTMLHelper();

	/**
	* Creates an auto-complete field from the supplied parameters
	* @param container The parent of the element to place the results into
	* @param id The id of the div to place the results into
	* @param field The field which requires auto-complete
	* @param delegate A function which takes the field as an argument
	* @param parent An options map
	*/
	Grails.AutoComplete = Class.create();
	Grails.AutoComplete.prototype = {
	initialize: function(id, field, url,options) {
	this.container = document.body;
	this.id = id;
	this.autoCompleteField = $(field);
	this.url = url;
	this.options = options;
	this.minLength = 1;
	this.onDisplay = null;
	this.onSelect = null;
	this.cache = new Array();
	this.useCache = true;
	this.useCSS = false;
	this.fontColor = "darkblue";
	this.bgColor = "white";
	this.overColor = "white";
	this.overBgColor = "darkblue";
	this.appendResult = false;

	if(this.options != null) {
	if(this.options.parent != null)
	this.container = $(parent);
	if(this.options.display != null)
	this.onDisplay = this.options.display;
	if(this.options.minLength != null)
	this.minLength = this.options.minLength;
	if(this.options.appendResult != null)
	this.appendResult = this.options.appendResult;
	if(this.options.select != null)
	this.onSelect = this.options.select;
	if(this.options.css != null)
	this.useCSS = this.options.css;
	if(this.options.cache != null)
	this.useCache = this.options.cache;
	if(this.options.fontColor != null)
	this.fontColor = this.options.fontColor;
	if(this.options.bgColor != null)
	this.bgColor = this.options.bgColor;
	if(this.options.overColor != null)
	this.overColor = this.options.overColor;
	if(this.options.overBgColor != null)
	this.overBgColor = this.options.overBgColor;
	}
	this._registerRequestInfo();
	this._createAutoCompleteField();
	},
	_registerRequestInfo: function() {
	ajaxEngine.registerRequest(this.id,this.url);
	ajaxEngine.registerAjaxObject(this.id, this);
	},
	_createAutoCompleteField: function() {
	var parent = this.container;
	var el = dhtmlHelper.createElement("div", parent);
	el.id = this.id;
	el.className = "autoComplete " + this.id;
	el.style.display = "none";
	el.style.position = "absolute";

	dhtmlHelper.addEvent(
	this.autoCompleteField,
	"blur",
	function(e) {
	if(el != null)
	setTimeout( function() { el.style.display = "none" }, 500)
	}
	)
	dhtmlHelper.addEvent(
	this.autoCompleteField,
	"keyup",
	this._keyUpEventHandler.bindAsEventListener(this)
	);
	},
	_keyUpEventHandler: function(e) {
	if(!e)e = window.event;
	if(e.keyCode == 40 \|\| e.keyCode == 38) {
	var autoCompleteResults = document.getElementsByTagAndClassName("div", "autoCompleteResult");
	var autoCompleteResultsSelected = document.getElementsByTagAndClassName("div", "autoCompleteResultOver");
	// if none are selected select the first result
	if(autoCompleteResultsSelected.length == 0) {
	if(autoCompleteResults.length > 0){
	dhtmlHelper.removeClass(autoCompleteResults[0],"autoCompleteResult");
	dhtmlHelper.addClass(autoCompleteResults[0],"autoCompleteResultOver");
	if(this.appendResult)
	this._handleTextSelection(autoCompleteResults[0]);
	}
	}
	// otherwise get the current selected index and select the next one
	else {
	var selectedIndex = 0;
	var acHolder = autoCompleteResultsSelected[0].parentNode;
	var acHolderChildren = acHolder.getElementsByTagName("div");
	for(var i = 0; i < acHolderChildren.length;i++ ) {
	if(autoCompleteResultsSelected[0] == acHolderChildren[i]) {
	selectedIndex = i;
	break;
	}
	}
	dhtmlHelper.removeClass(acHolderChildren[selectedIndex],"autoCompleteResultOver");
	dhtmlHelper.addClass(acHolderChildren[selectedIndex],"autoCompleteResult");

	if(e.keyCode == 40) {
	selectedIndex++;
	}else {
	selectedIndex--;
	}
	if(selectedIndex > -1 && selectedIndex < acHolderChildren.length) {
	dhtmlHelper.removeClass(acHolderChildren[selectedIndex],"autoCompleteResult");
	dhtmlHelper.addClass(acHolderChildren[selectedIndex],"autoCompleteResultOver");
	if(this.appendResult)
	this._handleTextSelection(acHolderChildren[selectedIndex]);
	}
	}
	}
	else if(e.keyCode == 13 && !this.appendResult) {
	var autoCompleteResultsSelected = document.getElementsByTagAndClassName("div", "autoCompleteResultOver");
	if(autoCompleteResultsSelected.length > 0) {
	// call click handler pretending this is an event
	this._resultClickHandler( { target:autoCompleteResultsSelected[0] } );
	}
	}
	// if search if enter is not pressed
	else if(e.keyCode != 13) {
	if(this.autoCompleteField.value.length > this.minLength) {
	if(this.useCache) {
	// if available in the cache
	if(this.cache[this.autoCompleteField.value] != null) {
	this._displayCachedResults(this.autoCompleteField.value);
	}
	else {
	ajaxEngine.sendRequest(this.id,
	this.autoCompleteField.name + "=" + this.autoCompleteField.value);
	}
	}
	else {
	ajaxEngine.sendRequest(this.id,
	this.autoCompleteField.name + "=" + this.autoCompleteField.value);
	}
	}
	}
	},
	ajaxUpdate: function(ajaxResponse) {
	// cache the response
	var ajaxResponseAsString = RicoUtil.getContentAsString(ajaxResponse);
	this.cache[this.autoCompleteField.value] = ajaxResponseAsString;
	$(this.id).innerHTML = ajaxResponseAsString;

	var autoCompleteResults = document.getElementsByTagAndClassName("div", "autoCompleteResult");
	var autoCompleteResultsSelected = document.getElementsByTagAndClassName("div", "autoCompleteResultOver");
	// if none are selected select the first result
	if(autoCompleteResultsSelected.length == 0 && this.appendResult) {
	if(autoCompleteResults.length > 0){
	dhtmlHelper.removeClass(autoCompleteResults[0],"autoCompleteResult");
	dhtmlHelper.addClass(autoCompleteResults[0],"autoCompleteResultOver");

	this._handleTextSelection(autoCompleteResults[0]);
	}
	}
	// attach behaviours
	this._attachResultBehaviours(autoCompleteResults);
	// display the results
	this._displayResults(autoCompleteResults);
	},
	_displayCachedResults: function(key) {
	var el = $(this.id);
	el.innerHTML = this.cache[this.autoCompleteField.value];
	var autoCompleteResults = document.getElementsByTagAndClassName("div", "autoCompleteResult");
	var autoCompleteResultsSelected = document.getElementsByTagAndClassName("div", "autoCompleteResultOver");
	// if none are selected select the first result
	if(autoCompleteResultsSelected.length == 0 && this.appendResult) {
	if(autoCompleteResults.length > 0){
	dhtmlHelper.removeClass(autoCompleteResults[0],"autoCompleteResult");
	dhtmlHelper.addClass(autoCompleteResults[0],"autoCompleteResultOver");

	this._handleTextSelection(autoCompleteResults[0]);
	}
	}
	// attach behaviours
	this._attachResultBehaviours(autoCompleteResults);
	// display the results
	this._displayResults(autoCompleteResults);
	},
	_handleTextSelection: function(selectedResult) {

	var resultContent = selectedResult.innerHTML;
	if(resultContent.indexOf(this.autoCompleteField.value) == 0) {
	var i = resultContent.indexOf( this.autoCompleteField.value );
	var appendValue = resultContent.substring((i + this.autoCompleteField.value.length),resultContent.length);
	this.autoCompleteField.value = this.autoCompleteField.value + appendValue;
	}
	else {
	if(dhtmlHelper.isIE) {
	if(document.selection != null){
	var selectionRange = document.selection.createRange();
	selectionRange.text = "";
	}
	var oldLength = this.autoCompleteField.value.length;
	this.autoCompleteField.value = this.autoCompleteField.value + resultContent;
	var range = this.autoCompleteField.createTextRange();
	range.moveStart("character",oldLength);
	range.moveEnd("character",this.autoCompleteField.value.length);
	range.select();
	}
	else {
	if (this.autoCompleteField.selectionEnd > 0) {
	this.autoCompleteField.value = this.autoCompleteField.value.substring(0,this.autoCompleteField.selectionStart);
	}
	var oldLength = this.autoCompleteField.value.length;
	this.autoCompleteField.value = this.autoCompleteField.value + resultContent;
	this.autoCompleteField.selectionStart = oldLength;
	this.autoCompleteField.selectionEnd = this.autoCompleteField.value.length;
	}
	}
	},
	_displayResults: function(results) {
	var pos = dhtmlHelper.getAbsolutePos(this.autoCompleteField);
	var el = $(this.id);
	// position results pane
	el.style.left = pos.x + "px";
	el.style.top = (pos.y + this.autoCompleteField.offsetHeight) + "px";
	// if there are no results hide
	if(results.length == 0) {
	el.style.display = "none";
	return;
	}
	else {
	el.style.display = "";
	if(this.onDisplay != null) {
	this.onDisplay( el );
	}
	}
	},
	_attachResultBehaviours: function(results) {
	for(var i = 0; i < results.length;i++) {
	dhtmlHelper.addEvent(
	results[i],
	"mouseover",
	this._resultMouseOverHandler.bindAsEventListener(this)
	);
	dhtmlHelper.addEvent(
	results[i],
	"mouseout",
	this._resultMouseOutHandler.bindAsEventListener(this)
	);
	dhtmlHelper.addEvent(
	results[i],
	"click",
	this._resultClickHandler.bindAsEventListener(this)
	);
	}
	},
	_resultMouseOverHandler: function(e) {
	if(!e)e = window.event;
	var src = e.srcElement;
	if(!src)src = e.target;


	dhtmlHelper.removeClass(src,"autoCompleteResult");
	dhtmlHelper.addClass(src,"autoCompleteResultOver");
	if(!this.useCSS) {
	src.style.bgColor = this.overBgColor;
	src.style.fontColor = this.overColor;
	}
	},
	_resultMouseOutHandler: function(e) {
	if(!e)e = window.event;
	var src = e.srcElement;
	if(!src)src = e.target;

	dhtmlHelper.removeClass(src,"autoCompleteResultOver");
	dhtmlHelper.addClass(src,"autoCompleteResult");

	if(!this.useCSS) {
	src.style.bgColor = this.bgColor;
	src.style.fontColor = this.fontColor;
	}
	},
	_resultClickHandler: function(e) {
	if(!e)e = window.event;

	var src = e.srcElement;
	if(!src)src = e.target;

	if(this.appendResult) {
	this._handleTextSelection(src);
	}
	else {
	this.autoCompleteField.value = src.innerHTML;
	}
	$(this.id).style.display = "none";
	if(this.onSelect != null) {
	this.onSelect( $(this.id), src );
	}
	}
	}



	function createParamsForFields(fieldClass) {
	var inputs = document.getElementsByTagAndClassName("INPUT", fieldClass);
	var selects = document.getElementsByTagAndClassName("SELECT", fieldClass);
	var params = new Array();

	// process inputs first
	for(var i = 0; i < inputs.length; i++ ) {
	// if its a radio button only include checked value
	if(inputs[i].type == "radio") {
	if(inputs[i].checked) {
	params[i] = {
	name: inputs[i].name,
	value: inputs[i].value
	};
	}
	}
	else if(inputs[i].type == "checkbox") {
	if(inputs[i].checked) {
	params[i] = {
	name: inputs[i].name,
	value: true
	};
	}
	else {
	params[i] = {
	name: inputs[i].name,
	value: false
	};
	}
	}
	else {
	params[i] = {
	name: inputs[i].name,
	value: inputs[i].value
	};
	}
	}
	// process selects
	for(var i = 0, j = params.length; i < selects.length; i++,j++) {
	params[j] = {
	name: selects[i].name,
	value: selects[i].options[ selects[i].selectedIndex ].value
	};
	}
	return params;
	}


	/**
	* function for retrieving elements for the tag and className from an HTML element
	*/
	function getElementsByTagAndClassName(element,tagName, className) {
	if ( tagName == null )
	tagName = '*';

	var children = element.getElementsByTagName(tagName) \|\| document.all;
	var elements = new Array();

	if ( className == null )
	return children;

	for (var i = 0; i < children.length; i++) {
	var child = children[i];
	if(child.className == null) {
	continue;
	}
	var classNames = child.className.split(' ');
	for (var j = 0; j < classNames.length; j++) {
	if (classNames[j] == className) {
	elements.push(child);
	break;
	}
	}
	}

	return elements;
	}