includes/clientside/static/SpryAutoSuggest.js
changeset 581 5e8fd89c02ea
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/includes/clientside/static/SpryAutoSuggest.js	Sun Jun 22 18:13:59 2008 -0400
@@ -0,0 +1,883 @@
+// SpryAutoSuggest.js - version 0.91 - Spry Pre-Release 1.6.1
+//
+// Copyright (c) 2006. Adobe Systems Incorporated.
+// All rights reserved.
+//
+// Redistribution and use in source and binary forms, with or without
+// modification, are permitted provided that the following conditions are met:
+//
+//   * Redistributions of source code must retain the above copyright notice,
+//     this list of conditions and the following disclaimer.
+//   * Redistributions in binary form must reproduce the above copyright notice,
+//     this list of conditions and the following disclaimer in the documentation
+//     and/or other materials provided with the distribution.
+//   * Neither the name of Adobe Systems Incorporated nor the names of its
+//     contributors may be used to endorse or promote products derived from this
+//     software without specific prior written permission.
+//
+// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
+// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+// POSSIBILITY OF SUCH DAMAGE.
+
+var Spry;
+if (!Spry) Spry = {};
+if (!Spry.Widget) Spry.Widget = {};
+
+Spry.Widget.BrowserSniff = function()
+{
+	var b = navigator.appName.toString();
+	var up = navigator.platform.toString();
+	var ua = navigator.userAgent.toString();
+
+	this.mozilla = this.ie = this.opera = this.safari = false;
+	var re_opera = /Opera.([0-9\.]*)/i;
+	var re_msie = /MSIE.([0-9\.]*)/i;
+	var re_gecko = /gecko/i;
+	var re_safari = /(applewebkit|safari)\/([\d\.]*)/i;
+	var r = false;
+
+	if ( (r = ua.match(re_opera))) {
+		this.opera = true;
+		this.version = parseFloat(r[1]);
+	} else if ( (r = ua.match(re_msie))) {
+		this.ie = true;
+		this.version = parseFloat(r[1]);
+	} else if ( (r = ua.match(re_safari))) {
+		this.safari = true;
+		this.version = parseFloat(r[2]);
+	} else if (ua.match(re_gecko)) {
+		var re_gecko_version = /rv:\s*([0-9\.]+)/i;
+		r = ua.match(re_gecko_version);
+		this.mozilla = true;
+		this.version = parseFloat(r[1]);
+	}
+	this.windows = this.mac = this.linux = false;
+
+	this.Platform = ua.match(/windows/i) ? "windows" :
+					(ua.match(/linux/i) ? "linux" :
+					(ua.match(/mac/i) ? "mac" :
+					ua.match(/unix/i)? "unix" : "unknown"));
+	this[this.Platform] = true;
+	this.v = this.version;
+
+	if (this.safari && this.mac && this.mozilla) {
+		this.mozilla = false;
+	}
+};
+
+Spry.is = new Spry.Widget.BrowserSniff();
+
+Spry.Widget.AutoSuggest = function(region, sRegion, dataset, field, options)
+{
+	if (!this.isBrowserSupported())
+		return;
+
+	options = options || {};
+
+	this.init(region, sRegion, dataset, field);
+	Spry.Widget.Utils.setOptions(this, options);
+
+	if (Spry.Widget.AutoSuggest.onloadDidFire)
+		this.attachBehaviors();
+	else 
+		Spry.Widget.AutoSuggest.loadQueue.push(this);
+
+	// when data is changing we will decide if we will have to show the suggestions
+	this.dataset.addObserver(this);
+	
+	// Set up an observer so we can attach our click behaviors whenever
+	// the region is regenerated.
+	var regionID = Spry.Widget.Utils.getElementID(sRegion);
+
+	var self = this;
+	this._notifyDataset = { onPostUpdate: function() {
+			self.attachClickBehaviors();
+	}, onPreUpdate: function(){
+			self.removeClickBehaviours();
+	}};
+
+	Spry.Data.Region.addObserver(regionID,this._notifyDataset);
+
+	// clean up the widget when on page unload
+	Spry.Widget.Utils.addEventListener(window, 'unload', function(){self.destroy()}, false);
+
+	// make the first computation in case the textfield is not empty
+	this.attachClickBehaviors();
+	this.handleKeyUp(null);
+	this.showSuggestions(false);
+};
+
+Spry.Widget.AutoSuggest.prototype.init = function(region, sRegion, dataset, field)
+{
+	this.region = Spry.Widget.Utils.getElement(region);
+	
+	if (!this.region)
+		return;
+	
+	this.minCharsType = false;
+	this.containsString = false;
+	this.loadFromServer = false;
+	this.urlParam = '';
+	this.suggestionIsVisible = false;
+	this.stopFocus = false;
+	this.hasFocus = false;
+	this.showSuggestClass = 'showSuggestClass';
+	this.hideSuggestClass = 'hideSuggestClass';
+	this.hoverSuggestClass = 'hoverSuggestClass';
+	this.movePrevKeyCode = Spry.Widget.AutoSuggest.KEY_UP;
+	this.moveNextKeyCode = Spry.Widget.AutoSuggest.KEY_DOWN;
+
+	this.textElement = Spry.Widget.Utils.getFirstChildWithNodeNameAtAnyLevel(this.region, "INPUT");
+	this.textElement.setAttribute('AutoComplete', 'off');
+	
+	this.suggestRegion = Spry.Widget.Utils.getElement(sRegion);
+	// prepare the suggest region
+	Spry.Widget.Utils.makePositioned(this.suggestRegion);
+	Spry.Widget.Utils.addClassName(this.suggestRegion, this.hideSuggestClass);
+
+	this.timerID = null;
+	if (typeof dataset == "string"){
+		this.dataset = window[dataset];
+	}else{
+		this.dataset = dataset;
+	}
+	this.field = field;
+	if (typeof field == 'string' && field.indexOf(',') != -1)
+	{
+		field = field.replace(/\s*,\s*/ig, ',');
+		this.field = field.split(',');
+	}
+};
+
+Spry.Widget.AutoSuggest.prototype.isBrowserSupported = function()
+{
+	return Spry.is.ie && Spry.is.v >= 5 && Spry.is.windows
+		||
+	Spry.is.mozilla && Spry.is.v >= 1.4
+		||
+	Spry.is.safari
+		||
+	Spry.is.opera && Spry.is.v >= 9;
+};
+
+Spry.Widget.AutoSuggest.prototype.getValue = function()
+{
+	if (!this.textElement)
+		return '';
+	return this.textElement.value;
+};
+
+Spry.Widget.AutoSuggest.prototype.setValue = function(str)
+{
+	if (!this.textElement)
+		return;
+	this.textElement.value = str;
+	this.showSuggestions(false);
+};
+
+Spry.Widget.AutoSuggest.prototype.focus = function()
+{
+	if (!this.textElement)
+		return;
+	this.textElement.focus();
+};
+
+Spry.Widget.AutoSuggest.prototype.showSuggestions = function(doShow)
+{
+	if (this.region && this.isVisibleSuggestion() != doShow)
+	{
+		if (doShow && this.hasFocus)
+		{
+				Spry.Widget.Utils.addClassName(this.region, this.showSuggestClass);
+				if (Spry.is.ie && Spry.is.version < 7)
+					this.createIframeLayer(this.suggestRegion);
+		}
+		else
+		{
+				if (Spry.is.ie && Spry.is.version < 7)
+					this.removeIframeLayer();
+				Spry.Widget.Utils.removeClassName(this.region, this.showSuggestClass);
+		}
+	}
+	this.suggestionIsVisible = Spry.Widget.Utils.hasClassName(this.region, this.showSuggestClass);
+};
+
+Spry.Widget.AutoSuggest.prototype.isVisibleSuggestion = function()
+{
+	return this.suggestionIsVisible;
+};
+
+Spry.Widget.AutoSuggest.prototype.onDataChanged = function(el)
+{
+		var data = el.getData(true);
+		var val = this.getValue();
+		this.showSuggestions(data && (!this.minCharsType || val.length >= this.minCharsType) && (data.length > 1 || (data.length == 1 && this.childs[0] && this.childs[0].attributes.getNamedItem("spry:suggest").value != this.getValue())));
+};
+Spry.Widget.AutoSuggest.prototype.nodeMouseOver = function(e, node)
+{
+	var l = this.childs.length;
+	for (var i=0; i<l; i++)
+		if (this.childs[i] != node && Spry.Widget.Utils.hasClassName(this.childs[i], this.hoverSuggestClass))
+		{
+			Spry.Widget.Utils.removeClassName(this.childs[i], this.hoverSuggestClass);
+			break;
+		}
+};
+Spry.Widget.AutoSuggest.prototype.nodeClick = function(e, value) 
+{
+	if (value)
+		this.setValue(value);
+};
+Spry.Widget.AutoSuggest.prototype.handleKeyUp = function(e)
+{
+	if (this.timerID)
+	{
+		clearTimeout(this.timerID);
+		this.timerID = null;
+	}
+
+	// If the user hit the escape key, hide the auto suggest menu!
+	if (e && this.isSpecialKey(e))
+	{
+		this.handleSpecialKeys(e);
+		return;
+	}
+
+	var self = this;
+	var func = function() { self.timerID = null; self.loadDataSet();};
+	if (!this.loadFromServer)
+		func = function() { self.timerID = null; self.filterDataSet();};
+
+	this.timerID = setTimeout(func, 200);
+	
+};
+
+Spry.Widget.AutoSuggest.prototype.scrollVisible = function(el)
+{
+	if (typeof this.scrolParent == 'undefined')
+	{
+		var currEl = el;
+		this.scrolParent = false;
+		while	(!this.scrolParent)
+		{
+			var overflow = Spry.Widget.Utils.getStyleProp(currEl, 'overflow');
+			if (!overflow || overflow.toLowerCase() == 'scroll')
+			{
+					this.scrolParent = currEl;
+					break;
+			}
+			if (currEl == this.region) 
+				break;
+			
+			currEl = currEl.parentNode;
+		}
+	}
+
+	if (this.scrolParent != false)
+	{
+		var h = parseInt(Spry.Widget.Utils.getStyleProp(this.scrolParent, 'height'), 10);
+		if (el.offsetTop < this.scrolParent.scrollTop)
+			this.scrolParent.scrollTop = el.offsetTop;
+		else if (el.offsetTop + el.offsetHeight > this.scrolParent.scrollTop + h)
+		{
+			// the 5 pixels make the latest option more visible.
+			this.scrolParent.scrollTop = el.offsetTop + el.offsetHeight - h + 5;
+			if (this.scrolParent.scrollTop < 0)
+				this.scrolParent.scrollTop = 0;	
+		}
+
+	}
+};
+
+Spry.Widget.AutoSuggest.KEY_UP = 38;
+Spry.Widget.AutoSuggest.KEY_DOWN = 40;
+
+Spry.Widget.AutoSuggest.prototype.handleSpecialKeys = function(e){
+
+ 	switch (e.keyCode)
+	{
+		case this.moveNextKeyCode: // Down key  
+ 		case this.movePrevKeyCode: // Up Key
+			if (!(this.childs.length > 0) || !this.getValue())
+				return;	
+
+			var prev = this.childs.length-1;
+			var next = false;
+			var found = false;
+			var data = this.dataset.getData();
+			if (this.childs.length > 1 || (data && data.length == 1 && this.childs[0] && this.childs[0].attributes.getNamedItem('spry:suggest').value != this.getValue()))
+			{
+				this.showSuggestions(true);
+			}
+			else
+				return;	
+			
+			var utils = Spry.Widget.Utils;
+			for (var k=0; k < this.childs.length; k++)
+			{
+				if (next)
+				{
+					utils.addClassName(this.childs[k], this.hoverSuggestClass);
+					this.scrollVisible(this.childs[k]);
+					break;
+				}
+				if (utils.hasClassName(this.childs[k], this.hoverSuggestClass))
+				{
+					utils.removeClassName(this.childs[k], this.hoverSuggestClass);
+					found = true;
+					if (e.keyCode == this.moveNextKeyCode)
+					{
+						next = true;
+						continue;
+					}
+					else
+					{
+						utils.addClassName(this.childs[prev], this.hoverSuggestClass);
+						this.scrollVisible(this.childs[prev]);
+						break;
+					}
+				}
+				prev = k;
+			}
+			if (!found || (next && k == this.childs.length))
+			{
+				utils.addClassName(this.childs[0], this.hoverSuggestClass);
+				this.scrollVisible(this.childs[0]);
+			}
+			utils.stopEvent(e);
+			break;
+		case 27: // ESC key
+			this.showSuggestions(false);
+			break;
+		case 13: //Enter Key
+			if (!this.isVisibleSuggestion()) 
+				return;
+			for (var k=0; k < this.childs.length; k++)
+				if (Spry.Widget.Utils.hasClassName(this.childs[k], this.hoverSuggestClass))
+				{
+					var attr = this.childs[k].attributes.getNamedItem('spry:suggest');
+					if (attr){
+						this.setValue(attr.value);
+						this.handleKeyUp(null);
+					}
+					// stop form submission
+					Spry.Widget.Utils.stopEvent(e);
+					return false;
+				}
+			break;
+		case 9: //Tab Key
+			this.showSuggestions(false);
+	}
+	return;
+};
+
+Spry.Widget.AutoSuggest.prototype.filterDataSet = function()
+{
+	var contains = this.containsString;
+	var columnName = this.field;
+	var val = this.getValue();
+
+	if (this.previousString && this.previousString == val)
+		return;
+
+	this.previousString = val;
+
+	if (!val || (this.minCharsType && this.minCharsType > val.length))
+	{
+		this.dataset.filter(function(ds, row, rowNumber) {return null;});
+		this.showSuggestions(false);
+		return;
+	}
+
+	var regExpStr = Spry.Widget.Utils.escapeRegExp(val);
+
+	if (!contains)
+	 	regExpStr = "^" + regExpStr;
+
+	var regExp = new RegExp(regExpStr, "ig");
+	
+	if (this.maxListItems > 0)
+		this.dataset.maxItems = this.maxListItems;
+
+	var filterFunc = function(ds, row, rowNumber)
+	{
+		if (ds.maxItems >0  && ds.maxItems <= ds.data.length)
+			return null;
+
+		if (typeof columnName == 'object')
+		{
+			var l = columnName.length;
+			for (var i=0; i < l; i++)
+			{
+				var str = row[columnName[i]];
+				if (str && str.search(regExp) != -1)
+					return row;
+			}
+		}
+		else
+		{
+			var str = row[columnName];
+			if (str && str.search(regExp) != -1)
+				return row;
+		}
+		return null; 
+	};
+
+	this.dataset.filter(filterFunc);
+	var data = this.dataset.getData();
+	this.showSuggestions(data && (!this.minCharsType || val.length >= this.minCharsType) && (data.length > 1 || (data.length == 1 && this.childs[0] && this.childs[0].attributes.getNamedItem('spry:suggest').value != val )));
+};
+
+Spry.Widget.AutoSuggest.prototype.loadDataSet = function()
+{
+	var val = this.getValue();
+	var ds = this.dataset;
+	ds.cancelLoadData();
+	ds.useCache = false;
+	
+	if (!val || (this.minCharsType && this.minCharsType > val.length))
+	{
+		this.showSuggestions(false);
+		return;
+	}
+	
+	if (this.previousString && this.previousString == val)
+	{
+		var data = ds.getData();
+		this.showSuggestions(data && (data.length > 1 || (data.length == 1 && this.childs[0].attributes.getNamedItem("spry:suggest").value != val)));
+		return;
+	}
+
+	this.previousString = val;
+
+	var url = Spry.Widget.Utils.addReplaceParam(ds.url, this.urlParam, val);
+	ds.setURL(url);
+	ds.loadData();
+};
+
+Spry.Widget.AutoSuggest.prototype.addMouseListener =  function(node, value)
+{
+	var self = this;
+	var addListener = Spry.Widget.Utils.addEventListener;
+	addListener(node, "click", function(e){ return self.nodeClick(e, value); self.handleKeyUp(null);}, false); 
+	addListener(node, "mouseover", function(e){ Spry.Widget.Utils.addClassName(node, self.hoverSuggestClass); self.nodeMouseOver(e, node)}, false); 
+	addListener(node, "mouseout", function(e){ Spry.Widget.Utils.removeClassName(node, self.hoverSuggestClass); self.nodeMouseOver(e, node)}, false); 
+};
+Spry.Widget.AutoSuggest.prototype.removeMouseListener =  function(node, value)
+{
+	var self = this;
+	var removeListener = Spry.Widget.Utils.removeEventListener;
+	removeListener(node, "click", function (e){ self.nodeClick(e, value); self.handleKeyUp(null);}, false); 
+	removeListener(node, "mouseover", function(e){ Spry.Widget.Utils.addClassName(node, self.hoverSuggestClass); self.nodeMouseOver(e, node)}, false); 
+	removeListener(node, "mouseout", function(e){ Spry.Widget.Utils.removeClassName(node, self.hoverSuggestClass); self.nodeMouseOver(e, node)}, false); 
+};
+Spry.Widget.AutoSuggest.prototype.attachClickBehaviors =  function()
+{
+	var self = this;
+	var valNodes = Spry.Utils.getNodesByFunc(this.region, function(node)
+	{
+		if (node.nodeType == 1) /* Node.ELEMENT_NODE */
+		{
+			var attr = node.attributes.getNamedItem("spry:suggest");
+			if (attr){
+				self.addMouseListener(node, attr.value);
+				return true;
+			}
+		}
+		return false;
+	});
+	this.childs = valNodes;
+};
+Spry.Widget.AutoSuggest.prototype.removeClickBehaviours = function()
+{
+	var self = this;
+	var valNodes = Spry.Utils.getNodesByFunc(this.region, function(node)
+	{
+		if (node.nodeType == 1) /* Node.ELEMENT_NODE */
+		{
+			var attr = node.attributes.getNamedItem("spry:suggest");
+			if (attr){
+				self.removeMouseListener(node, attr.value);
+				return true;
+			}
+		}
+		return false;
+	});
+};
+Spry.Widget.AutoSuggest.prototype.destroy = function(){
+
+	this.removeClickBehaviours();
+	Spry.Data.Region.removeObserver(Spry.Widget.Utils.getElementID(this.suggestRegion),this._notifyDataset);
+	
+	if (this.event_handlers)
+		for (var i=0; i<this.event_handlers.length; i++) {
+			Spry.Widget.Utils.removeEventListener(this.event_handlers[i][0], this.event_handlers[i][1], this.event_handlers[i][2], false);
+		}
+
+	for (var k in this)
+	{
+		if (typeof this[k] != 'function'){
+			try { delete this[k]; } catch(err) {}
+		}
+	}
+};
+
+Spry.Widget.AutoSuggest.onloadDidFire = false;
+Spry.Widget.AutoSuggest.loadQueue = [];
+
+Spry.Widget.AutoSuggest.processLoadQueue = function(handler)
+{
+	Spry.Widget.AutoSuggest.onloadDidFire = true;
+	var q = Spry.Widget.AutoSuggest.loadQueue;
+	var qlen = q.length;
+	for (var i = 0; i < qlen; i++)
+		q[i].attachBehaviors();
+};
+
+Spry.Widget.AutoSuggest.addLoadListener = function(handler)
+{
+	if (typeof window.addEventListener != 'undefined')
+		window.addEventListener('load', handler, false);
+	else if (typeof document.addEventListener != 'undefined')
+		document.addEventListener('load', handler, false);
+	else if (typeof window.attachEvent != 'undefined')
+		window.attachEvent('onload', handler);
+};
+
+Spry.Widget.AutoSuggest.addLoadListener(Spry.Widget.AutoSuggest.processLoadQueue);
+
+Spry.Widget.AutoSuggest.prototype.attachBehaviors = function()
+{
+	this.event_handlers = [];
+	var self = this;
+	// adding listeners to the text input to catch the text changes
+	var _notifyKeyUp = function(e){ self.handleKeyUp(e)};
+	this.event_handlers.push([this.textElement, "keydown", _notifyKeyUp]); 
+	this.event_handlers.push([this.textElement, "focus", function(e){ if (self.stopFocus){ self.handleKeyUp(e);} self.hasFocus = true; self.stopFocus = false;}]);
+	this.event_handlers.push([this.textElement, "drop", _notifyKeyUp]);
+	this.event_handlers.push([this.textElement, "dragdrop", _notifyKeyUp]);
+	
+	var _notifyBlur = false;
+	// on opera the blur is triggered before onclick
+	if (Spry.is.opera){
+		_notifyBlur = function(e) { setTimeout(function(){if (!self.clickInList){ self.showSuggestions(false); }else{ self.stopFocus = true; self.textElement.focus();} self.clickInList = false; self.hasFocus = false;}, 100); };
+	}else{
+		_notifyBlur = function(e) { if (!self.clickInList){ self.showSuggestions(false); }else{ self.stopFocus = true; self.textElement.focus();} self.clickInList = false; self.hasFocus = false;};
+	}
+	this.event_handlers.push([this.textElement, "blur", _notifyBlur]);
+
+	// we listen on the suggest region too
+	this.event_handlers.push([this.suggestRegion, "mousedown", function(e){ self.clickInList = true;}]);
+
+	for (var i=0; i<this.event_handlers.length; i++) 
+		Spry.Widget.Utils.addEventListener(this.event_handlers[i][0], this.event_handlers[i][1], this.event_handlers[i][2], false);
+};
+
+// createIframeLayer for Tooltip
+// creates an IFRAME underneath a tooltip element so that it will show above form controls and ActiveX
+Spry.Widget.AutoSuggest.prototype.createIframeLayer = function(element)
+{
+	if (typeof this.iframeLayer == 'undefined')
+	{
+		var layer = document.createElement('iframe');
+		layer.tabIndex = '-1';
+		layer.src = 'javascript:"";';
+		layer.scrolling = 'no';
+		layer.frameBorder = '0';
+		layer.className = 'iframeSuggest';
+		element.parentNode.appendChild(layer);
+		this.iframeLayer = layer;
+	}
+	this.iframeLayer.style.left = element.offsetLeft + 'px';
+	this.iframeLayer.style.top = element.offsetTop + 'px';
+	this.iframeLayer.style.width = element.offsetWidth + 'px';
+	this.iframeLayer.style.height = element.offsetHeight + 'px';
+	this.iframeLayer.style.display = 'block';	
+};
+
+// removeIframeLayer for Tooltip Element
+// removes an IFRAME underneath a tooltip to reveal any form controls and ActiveX
+Spry.Widget.AutoSuggest.prototype.removeIframeLayer =  function()
+{
+	if (this.iframeLayer)
+		this.iframeLayer.style.display = 'none';
+};
+
+//////////////////////////////////////////////////////////////////////
+//
+// Spry.Widget.Utils
+//
+//////////////////////////////////////////////////////////////////////
+if (!Spry.Widget.Utils)	Spry.Widget.Utils = {};
+
+Spry.Widget.Utils.specialSafariNavKeys = ",63232,63233,63234,63235,63272,63273,63275,63276,63277,63289,"; //left,up,rigtht,down arrows,delete,home,end,page up,page down,num lock
+Spry.Widget.Utils.specialCharacters = ",9,13,27,38,40,";              //suggest keys: tab,enter,escape,up arrow,down arrow
+Spry.Widget.Utils.specialCharacters += ",33,34,35,36,37,39,45,46,";   //edit keys: insert,delete,home,end,left arrow,right arrow,page up,page down
+Spry.Widget.Utils.specialCharacters += ",16,17,18,19,20,144,145,";    //control keys: shift,control,alt,pause,caps lock,num lock,scroll lock
+Spry.Widget.Utils.specialCharacters += ",112,113,114,115,116,117,118,119,120,121,122,123,"; //F1-F12
+Spry.Widget.Utils.specialCharacters += Spry.Widget.Utils.specialSafariNavKeys;
+
+Spry.Widget.AutoSuggest.prototype.isSpecialKey = function (ev)
+{
+	return Spry.Widget.Utils.specialCharacters.indexOf("," + ev.keyCode + ",") != -1 || this.moveNextKeyCode == ev.keyCode || this.movePrevKeyCode == ev.keyCode;
+};
+Spry.Widget.Utils.getElementID = function(el)
+{
+	if (typeof el == 'string' && el)
+		return el;
+	return el.getAttribute('id');
+};
+Spry.Widget.Utils.getElement = function(ele)
+{
+	if (ele && typeof ele == "string")
+		return document.getElementById(ele);
+	return ele;
+};
+Spry.Widget.Utils.addReplaceParam = function(url, param, paramValue)
+{
+	var uri ='';
+	var qstring = '';
+	var i = url.indexOf('?');
+	if ( i != -1)
+	{
+		uri = url.slice(0, i);
+		qstring = url.slice(i+1);
+	}
+	else 
+		uri = url;
+
+	// the list of parameters
+	qstring = qstring.replace('?', '');
+	var arg = qstring.split("&");
+
+	// prevent malicious use
+	if (param.lastIndexOf('/') != -1)
+		param = param.slice(param.lastIndexOf('/')+1);
+
+	// remove param from the list
+	for (i=0; i < arg.length ;i++)
+	{
+		var k = arg[i].split('=');
+		if ( (k[0] && k[0] == decodeURI(param)) || arg[i] == decodeURI(param))
+			arg[i] = null;
+	}
+
+	arg[arg.length] = encodeURIComponent(param) + '=' + encodeURIComponent(paramValue);
+	qstring = '';
+	// reconstruct the qstring
+	for (i=0; i < arg.length; i++)
+		if (arg[i])
+			qstring += '&'+arg[i];
+
+	// remove the first &
+	qstring = qstring.slice(1);
+
+	url = uri + '?' + qstring;
+	return url;
+};
+
+Spry.Widget.Utils.addClassName = function(ele, clssName)
+{
+	if (!ele) return;
+
+	if (!ele.className) ele.className = '';
+
+	if (!ele || ele.className.search(new RegExp("\\b" + clssName + "\\b")) != -1)
+	  return;
+
+	ele.className += ' ' + clssName;
+};
+
+Spry.Widget.Utils.removeClassName = function(ele, className)
+{
+	if (!ele) return;	
+
+	if (!ele.className)
+	{
+		ele.className = '';
+		return;
+	}
+	ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), '');
+};
+
+Spry.Widget.Utils.hasClassName = function (ele, className)
+{
+	if (!ele || !className)
+		return false;
+
+	if (!ele.className)
+		ele.className = '';
+
+	return ele.className.search(new RegExp("\\s*\\b" + className + "\\b")) != -1;
+};
+
+Spry.Widget.Utils.addEventListener = function(el, eventType, handler, capture)
+{
+	try
+	{
+		if (el.addEventListener)
+			el.addEventListener(eventType, handler, capture);
+		else if (el.attachEvent)
+			el.attachEvent("on" + eventType, handler, capture);
+	}catch (e) {}
+};
+
+Spry.Widget.Utils.removeEventListener = function(el, eventType, handler, capture)
+{
+	try
+	{
+		if (el.removeEventListener)
+			el.removeEventListener(eventType, handler, capture);
+		else if (el.detachEvent)
+			el.detachEvent("on" + eventType, handler, capture);
+	}catch (e) {}
+};
+
+Spry.Widget.Utils.stopEvent = function(ev)
+{
+	ev.cancelBubble = true;
+	ev.returnValue = false;
+
+	try
+	{
+		this.stopPropagation(ev);
+	}catch (e){}
+	try{
+		this.preventDefault(ev);
+	}catch(e){}
+};
+
+/**
+ * Stops event propagation
+ * @param {Event} ev the event
+ */
+Spry.Widget.Utils.stopPropagation = function(ev)
+{
+	if (ev.stopPropagation)
+		ev.stopPropagation();
+	else
+		ev.cancelBubble = true;
+};
+
+/**
+ * Prevents the default behavior of the event
+ * @param {Event} ev the event
+ */
+Spry.Widget.Utils.preventDefault = function(ev)
+{
+	if (ev.preventDefault)
+		ev.preventDefault();
+	else
+		ev.returnValue = false;
+};
+
+Spry.Widget.Utils.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
+{
+	if (!optionsObj)
+		return;
+	for (var optionName in optionsObj)
+	{
+		if (typeof ignoreUndefinedProps != 'undefined' && ignoreUndefinedProps && typeof optionsObj[optionName] == 'undefined')
+			continue;
+		obj[optionName] = optionsObj[optionName];
+	}
+};
+
+Spry.Widget.Utils.firstValid = function()
+{
+	var ret = null;
+	for (var i=0; i < Spry.Widget.Utils.firstValid.arguments.length; i++)
+		if (typeof Spry.Widget.Utils.firstValid.arguments[i] != 'undefined')
+		{
+			ret = Spry.Widget.Utils.firstValid.arguments[i];
+			break;
+		}
+
+	return ret;
+};
+
+Spry.Widget.Utils.camelize = function(stringToCamelize)
+{
+  var oStringList = stringToCamelize.split('-');
+	var isFirstEntry = true;
+	var camelizedString = '';
+
+	for(var i=0; i < oStringList.length; i++)
+	{
+		if(oStringList[i].length>0)
+		{
+			if(isFirstEntry)
+			{
+				camelizedString = oStringList[i];
+				isFirstEntry = false;
+			}
+			else
+			{
+				var s = oStringList[i];
+				camelizedString += s.charAt(0).toUpperCase() + s.substring(1);
+			}
+		}
+	}
+
+	return camelizedString;
+};
+
+Spry.Widget.Utils.getStyleProp = function(element, prop)
+{
+	var value;
+	var camel = Spry.Widget.Utils.camelize(prop);
+	try
+	{
+		value = element.style[camel];
+		if (!value)
+		{
+			if (document.defaultView && document.defaultView.getComputedStyle)
+			{
+				var css = document.defaultView.getComputedStyle(element, null);
+				value = css ? css.getPropertyValue(prop) : null;
+			}
+			else
+				if (element.currentStyle)
+					value = element.currentStyle[camel];
+		}
+	}
+	catch (e) {}
+
+	return value == 'auto' ? null : value;
+};
+Spry.Widget.Utils.makePositioned = function(element)
+{
+	var pos = Spry.Widget.Utils.getStyleProp(element, 'position');
+	if (!pos || pos == 'static')
+	{
+		element.style.position = 'relative';
+
+		// Opera returns the offset relative to the positioning context, when an
+		// element is position relative but top and left have not been defined
+		if (window.opera)
+		{
+			element.style.top = 0;
+			element.style.left = 0;
+		}
+	}
+};
+Spry.Widget.Utils.escapeRegExp = function(rexp)
+{
+	return rexp.replace(/([\.\/\]\[\{\}\(\)\\\$\^\?\*\|\!\=\+\-])/g, '\\$1');
+};
+Spry.Widget.Utils.getFirstChildWithNodeNameAtAnyLevel = function(node, nodeName)
+{
+	var elements  = node.getElementsByTagName(nodeName);
+	if (elements)
+		return elements[0];
+	
+	return null;
+};