1 files changed, 609 insertions, 114 deletions
diff --git a/framework/Web/Javascripts/js/debug/prado.js b/framework/Web/Javascripts/js/debug/prado.js
index 9a610de9..736a7f7e 100644
--- a/framework/Web/Javascripts/js/debug/prado.js
+++ b/framework/Web/Javascripts/js/debug/prado.js
@@ -131,10 +131,10 @@ PeriodicalExecuter.prototype = {
 /**
  * Similar to bindAsEventLister, but takes additional arguments.
  */
-Function.prototype.bindEvent = function() 
+Function.prototype.bindEvent = function()
 {
 	var __method = this, args = $A(arguments), object = args.shift();
-	return function(event) 
+	return function(event)
 	{
 		return __method.apply(object, [event || window.event].concat(args));
 	}
@@ -152,10 +152,315 @@ Class.extend = function(base, definition)
 {
 		var component = Class.create();
 		Object.extend(component.prototype, base.prototype);
-		if(definition) 
+		if(definition)
 			Object.extend(component.prototype, definition);
 		return component;
-}
+}
+
+/*
+	Base, version 1.0.2
+	Copyright 2006, Dean Edwards
+	License: http://creativecommons.org/licenses/LGPL/2.1/
+*/
+
+var Base = function() {
+	if (arguments.length) {
+		if (this == window) { // cast an object to this class
+			Base.prototype.extend.call(arguments[0], arguments.callee.prototype);
+		} else {
+			this.extend(arguments[0]);
+		}
+	}
+};
+
+Base.version = "1.0.2";
+
+Base.prototype = {
+	extend: function(source, value) {
+		var extend = Base.prototype.extend;
+		if (arguments.length == 2) {
+			var ancestor = this[source];
+			// overriding?
+			if ((ancestor instanceof Function) && (value instanceof Function) &&
+				ancestor.valueOf() != value.valueOf() && /\bbase\b/.test(value)) {
+				var method = value;
+			//	var _prototype = this.constructor.prototype;
+			//	var fromPrototype = !Base._prototyping && _prototype[source] == ancestor;
+				value = function() {
+					var previous = this.base;
+				//	this.base = fromPrototype ? _prototype[source] : ancestor;
+					this.base = ancestor;
+					var returnValue = method.apply(this, arguments);
+					this.base = previous;
+					return returnValue;
+				};
+				// point to the underlying method
+				value.valueOf = function() {
+					return method;
+				};
+				value.toString = function() {
+					return String(method);
+				};
+			}
+			return this[source] = value;
+		} else if (source) {
+			var _prototype = {toSource: null};
+			// do the "toString" and other methods manually
+			var _protected = ["toString", "valueOf"];
+			// if we are prototyping then include the constructor
+			if (Base._prototyping) _protected[2] = "constructor";
+			for (var i = 0; (name = _protected[i]); i++) {
+				if (source[name] != _prototype[name]) {
+					extend.call(this, name, source[name]);
+				}
+			}
+			// copy each of the source object's properties to this object
+			for (var name in source) {
+				if (!_prototype[name]) {
+					extend.call(this, name, source[name]);
+				}
+			}
+		}
+		return this;
+	},
+
+	base: function() {
+		// call this method from any other method to invoke that method's ancestor
+	}
+};
+
+Base.extend = function(_instance, _static) {
+	var extend = Base.prototype.extend;
+	if (!_instance) _instance = {};
+	// build the prototype
+	Base._prototyping = true;
+	var _prototype = new this;
+	extend.call(_prototype, _instance);
+	var constructor = _prototype.constructor;
+	_prototype.constructor = this;
+	delete Base._prototyping;
+	// create the wrapper for the constructor function
+	var klass = function() {
+		if (!Base._prototyping) constructor.apply(this, arguments);
+		this.constructor = klass;
+	};
+	klass.prototype = _prototype;
+	// build the class interface
+	klass.extend = this.extend;
+	klass.implement = this.implement;
+	klass.toString = function() {
+		return String(constructor);
+	};
+	extend.call(klass, _static);
+	// single instance
+	var object = constructor ? klass : _prototype;
+	// class initialisation
+	if (object.init instanceof Function) object.init();
+	return object;
+};
+
+Base.implement = function(_interface) {
+	if (_interface instanceof Function) _interface = _interface.prototype;
+	this.prototype.extend(_interface);
+};
+
+/*
+ * Signals and Slots for Prototype: Easy custom javascript events
+ * http://tetlaw.id.au/view/blog/signals-and-slots-for-prototype-easy-custom-javascript-events
+ * Andrew Tetlaw
+ * Version 1.2 (2006-06-19)
+ *
+ * http://creativecommons.org/licenses/by-sa/2.5/
+ *
+Signal = {
+	throwErrors : true,
+	MT : function(){ return true },
+	connect : function(obj1, func1, obj2, func2, options) {
+		var options = Object.extend({
+			connectOnce : false,
+			before : false,
+			mutate : function() {return arguments;}
+		}, options || {});
+		if(typeof func1 != 'string' || typeof func2 != 'string') return;
+
+		var sigObj = obj1 || window;
+		var slotObj = obj2 || window;
+		var signame = func1+'__signal_';
+		var slotsname = func1+'__slots_';
+		if(!sigObj[signame]) {
+			// having the slotFunc in a var and setting it by using an anonymous function in this way
+			// is apparently a good way to prevent memory leaks in IE if the objects are DOM nodes.
+			var slotFunc = function() {
+				var args = [];
+				for(var x = 0; x < arguments.length; x++){
+					args.push(arguments[x]);
+				}
+				args = options.mutate.apply(null,args)
+				var result;
+				if(!options.before) result = sigObj[signame].apply(sigObj,arguments); //default: call sign before slot
+				sigObj[slotsname].each(function(slot){
+					try {
+						if(slot && slot[0]) { // testing for null, a disconnect may have nulled this slot
+							slot[0][slot[1]].apply(slot[0],args); //[0] = obj, [1] = func name
+						}
+					} catch(e) {
+						if(Signal.throwErrors) throw e;
+					}
+				});
+				if(options.before) result = sigObj[signame].apply(sigObj,arguments); //call slot before sig
+				return result; //return sig result
+			};
+			(function() {
+				sigObj[slotsname] = $A([]);
+				sigObj[signame] = sigObj[func1] || Signal.MT;
+				sigObj[func1] = slotFunc;
+			})();
+		}
+		var con = (sigObj[slotsname].length > 0) ?
+					(options.connectOnce ? !sigObj[slotsname].any(function(slot) { return (slot[0] == slotObj && slot[1] == func2) }) : true) :
+					true;
+		if(con) {
+			sigObj[slotsname].push([slotObj,func2]);
+		}
+	},
+	connectOnce : function(obj1, func1, obj2, func2, options) {
+		Signal.connect(obj1, func1, obj2, func2, Object.extend(options || {}, {connectOnce : true}))
+	},
+	disconnect : function(obj1, func1, obj2, func2, options) {
+		var options = Object.extend({
+			disconnectAll : false
+		}, options || {});
+		if(typeof func1 != 'string' || typeof func2 != 'string') return;
+
+		var sigObj = obj1 || window;
+		var slotObj = obj2 || window;
+		var signame = func1+'__signal_';
+		var slotsname = func1+'__slots_';
+
+		// I null them in this way so that any currectly active signal will read a null slot,
+		// otherwise the slot will be applied even though it's been disconnected
+		if(sigObj[slotsname]) {
+			if(options.disconnectAll) {
+				sigObj[slotsname] = sigObj[slotsname].collect(function(slot) {
+					if(slot[0] == slotObj && slot[1] == func2) {
+						slot[0] = null;
+						return null;
+					} else {
+						return slot;
+					}
+				}).compact();
+			} else {
+				var idx = -1;
+				sigObj[slotsname] = sigObj[slotsname].collect(function(slot, index) {
+					if(slot[0] == slotObj && slot[1] == func2 && idx < 0) {  //disconnect first match
+						idx = index;
+						slot[0] = null;
+						return null;
+					} else {
+						return slot;
+					}
+				}).compact();
+			}
+		}
+	},
+	disconnectAll : function(obj1, func1, obj2, func2, options) {
+		Signal.disconnect(obj1, func1, obj2, func2, Object.extend(options || {}, {disconnectAll : true}))
+	}
+}
+*/
+
+/*
+ Tests
+
+//   1. Simple Test 1 "hello Fred" should trigger "Fred is a stupid head"
+
+
+      sayHello = function(n) {
+      	alert("Hello! " + n);
+      }
+      moron = function(n) {
+      	alert(n + " is a stupid head");
+      }
+      Signal.connect(null,'sayHello',null,'moron');
+
+      onclick="sayHello('Fred')"
+
+
+//   2. Simple Test 2 repeated insults about Fred
+
+
+      Signal.connect(null,'sayHello2',null,'moron2');
+      Signal.connect(null,'sayHello2',null,'moron2');
+      Signal.connect(null,'sayHello2',null,'moron2');
+
+
+//   3. Simple Test 3 multiple insults about Fred
+
+
+      Signal.connect(null,'sayHello3',null,'moron3');
+      Signal.connect(null,'sayHello3',null,'bonehead3');
+      Signal.connect(null,'sayHello3',null,'idiot3');
+
+
+//   4. Simple Test 4 3 insults about Fred first - 3 then none
+
+
+      Signal.connect(null,'sayHello4',null,'moron4');
+      Signal.connect(null,'sayHello4',null,'moron4');
+      Signal.connect(null,'sayHello4',null,'moron4');
+      Signal.disconnect(null,'sayHello4',null,'moron4');
+      Signal.disconnect(null,'sayHello4',null,'moron4');
+      Signal.disconnect(null,'sayHello4',null,'moron4');
+
+
+//   5. Simple Test 5 connect 3 insults about Fred first - only one, then none
+
+
+      Signal.connect(null,'sayHello5',null,'moron5');
+      Signal.connect(null,'sayHello5',null,'moron5');
+      Signal.connect(null,'sayHello5',null,'moron5');
+      Signal.disconnectAll(null,'sayHello5',null,'moron5');
+
+
+//   6. Simple Test 6 connect 3 insults but only one comes out
+
+
+      Signal.connectOnce(null,'sayHello6',null,'moron6');
+      Signal.connectOnce(null,'sayHello6',null,'moron6');
+      Signal.connectOnce(null,'sayHello6',null,'moron6');
+
+
+//   7. Simple Test 7 connect via objects
+
+
+      var o = {};
+      o.sayHello = function(n) {
+      	alert("Hello! " + n + " (from object o)");
+      }
+      var m = {};
+      m.moron = function(n) {
+      	alert(n + " is a stupid head (from object m)");
+      }
+
+      Signal.connect(o,'sayHello',m,'moron');
+
+      onclick="o.sayHello('Fred')"
+
+
+//   8. Simple Test 8 connect but the insult comes first using {before:true}
+
+
+      Signal.connect(null,'sayHello8',null,'moron8', {before:true});
+
+
+//   9. Simple Test 9 connect but the insult is mutated
+
+
+      Signal.connect(null,'sayHello9',null,'moron9', {mutate:function() { return ['smelly ' + arguments[0]] }});
+
+
+*/
+ */
 
 Object.extend(String.prototype, {
   gsub: function(pattern, replacement) {
@@ -726,35 +1031,45 @@ var Hash = {
     for (var key in this) {
       var value = this[key];
       if (typeof value == 'function') continue;
-      
+
       var pair = [key, value];
       pair.key = key;
       pair.value = value;
       iterator(pair);
     }
   },
-  
+
   keys: function() {
     return this.pluck('key');
   },
-  
+
   values: function() {
     return this.pluck('value');
   },
-  
+
   merge: function(hash) {
     return $H(hash).inject($H(this), function(mergedHash, pair) {
       mergedHash[pair.key] = pair.value;
       return mergedHash;
     });
   },
-  
+
   toQueryString: function() {
-    return this.map(function(pair) {
-      return pair.map(encodeURIComponent).join('=');
+    return this.map(function(pair)
+	{
+	  //special case for PHP, array post data.
+	  if(typeof(pair[1]) == 'object' || typeof(pair[1]) == 'array')
+	  {
+	  	return $A(pair[1]).collect(function(value)
+		{
+			return encodeURIComponent(pair[0])+'='+encodeURIComponent(value);
+		}).join('&');
+	  }
+	  else
+ 	     return pair.map(encodeURIComponent).join('=');
     }).join('&');
   },
-  
+
   inspect: function() {
     return '#<Hash:{' + this.map(function(pair) {
       return pair.map(Object.inspect).join(': ');
@@ -1209,17 +1524,17 @@ var Field = {
   focus: function(element) {
     $(element).focus();
   },
-  
+
   present: function() {
     for (var i = 0; i < arguments.length; i++)
       if ($(arguments[i]).value == '') return false;
     return true;
   },
-  
+
   select: function(element) {
     $(element).select();
   },
-   
+
   activate: function(element) {
     element = $(element);
     element.focus();
@@ -1234,16 +1549,16 @@ var Form = {
   serialize: function(form) {
     var elements = Form.getElements($(form));
     var queryComponents = new Array();
-    
+
     for (var i = 0; i < elements.length; i++) {
       var queryComponent = Form.Element.serialize(elements[i]);
       if (queryComponent)
         queryComponents.push(queryComponent);
     }
-    
+
     return queryComponents.join('&');
   },
-  
+
   getElements: function(form) {
     form = $(form);
     var elements = new Array();
@@ -1255,19 +1570,19 @@ var Form = {
     }
     return elements;
   },
-  
+
   getInputs: function(form, typeName, name) {
     form = $(form);
     var inputs = form.getElementsByTagName('input');
-    
+
     if (!typeName && !name)
       return inputs;
-      
+
     var matchingInputs = new Array();
     for (var i = 0; i < inputs.length; i++) {
       var input = inputs[i];
       if ((typeName && input.type != typeName) ||
-          (name && input.name != name)) 
+          (name && input.name != name))
         continue;
       matchingInputs.push(input);
     }
@@ -1313,25 +1628,25 @@ Form.Element = {
     element = $(element);
     var method = element.tagName.toLowerCase();
     var parameter = Form.Element.Serializers[method](element);
-    
+
     if (parameter) {
       var key = encodeURIComponent(parameter[0]);
       if (key.length == 0) return;
-      
+
       if (parameter[1].constructor != Array)
         parameter[1] = [parameter[1]];
-      
+
       return parameter[1].map(function(value) {
         return key + '=' + encodeURIComponent(value);
       }).join('&');
     }
   },
-  
+
   getValue: function(element) {
     element = $(element);
     var method = element.tagName.toLowerCase();
     var parameter = Form.Element.Serializers[method](element);
-    
+
     if (parameter)
       return parameter[1];
   }
@@ -1339,13 +1654,15 @@ Form.Element = {
 
 Form.Element.Serializers = {
   input: function(element) {
+  	if(typeof(element.type) == "undefined")
+		return false;
     switch (element.type.toLowerCase()) {
       case 'submit':
       case 'hidden':
       case 'password':
       case 'text':
         return Form.Element.Serializers.textarea(element);
-      case 'checkbox':  
+      case 'checkbox':
       case 'radio':
         return Form.Element.Serializers.inputSelector(element);
     }
@@ -1360,12 +1677,12 @@ Form.Element.Serializers = {
   textarea: function(element) {
     return [element.name, element.value];
   },
-  
+
   select: function(element) {
-    return Form.Element.Serializers[element.type == 'select-one' ? 
+    return Form.Element.Serializers[element.type == 'select-one' ?
       'selectOne' : 'selectMany'](element);
   },
-  
+
   selectOne: function(element) {
     var value = '', opt, index = element.selectedIndex;
     if (index >= 0) {
@@ -1374,7 +1691,7 @@ Form.Element.Serializers = {
     }
     return [element.name, value];
   },
-  
+
   selectMany: function(element) {
     var value = [];
     for (var i = 0; i < element.length; i++) {
@@ -1398,15 +1715,15 @@ Abstract.TimedObserver.prototype = {
     this.frequency = frequency;
     this.element   = $(element);
     this.callback  = callback;
-    
+
     this.lastValue = this.getValue();
     this.registerCallback();
   },
-  
+
   registerCallback: function() {
     setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);
   },
-  
+
   onTimerEvent: function() {
     var value = this.getValue();
     if (this.lastValue != value) {
@@ -1437,14 +1754,14 @@ Abstract.EventObserver.prototype = {
   initialize: function(element, callback) {
     this.element  = $(element);
     this.callback = callback;
-    
+
     this.lastValue = this.getValue();
     if (this.element.tagName.toLowerCase() == 'form')
       this.registerFormCallbacks();
     else
       this.registerCallback(this.element);
   },
-  
+
   onElementEvent: function() {
     var value = this.getValue();
     if (this.lastValue != value) {
@@ -1452,17 +1769,17 @@ Abstract.EventObserver.prototype = {
       this.lastValue = value;
     }
   },
-  
+
   registerFormCallbacks: function() {
     var elements = Form.getElements(this.element);
     for (var i = 0; i < elements.length; i++)
       this.registerCallback(elements[i]);
   },
-  
+
   registerCallback: function(element) {
     if (element.type) {
       switch (element.type.toLowerCase()) {
-        case 'checkbox':  
+        case 'checkbox':
         case 'radio':
           Event.observe(element, 'click', this.onElementEvent.bind(this));
           break;
@@ -1474,7 +1791,7 @@ Abstract.EventObserver.prototype = {
           Event.observe(element, 'change', this.onElementEvent.bind(this));
           break;
       }
-    }    
+    }
   }
 }
 
@@ -2600,7 +2917,7 @@ Prado.doPostBack = function(formID, eventTarget, eventParameter, performValidati
 }
 */
 
-Prado.Element = 
+Prado.Element =
 {
 	/**
 	 * Set the value of a particular element.
@@ -2614,29 +2931,41 @@ Prado.Element =
 			el.value = value;
 	},
 
-	select : function(element, method, value)
+	select : function(element, method, value, total)
 	{
 		var el = $(element);
-		var isList = element.indexOf('[]') > -1;
-		if(!el && !isList) return;
-		method = isList ? 'check'+method : el.tagName.toLowerCase()+method;
 		var selection = Prado.Element.Selection;
-		if(isFunction(selection[method])) 
-			selection[method](isList ? element : el,value);
+		if(typeof(selection[method]) == "function")
+		{
+			control = selection.isSelectable(el) ? [el] : selection.getListElements(element,total);
+			selection[method](control, value);
+		}
 	},
 
 	click : function(element)
 	{
 		var el = $(element);
-		if(el) 
+		if(el)
 			Event.fireEvent(el,'click');
 	},
-	
+
 	setAttribute : function(element, attribute, value)
 	{
 		var el = $(element);
-		if(attribute == "disabled" && value==false)
+		if((attribute == "disabled" || attribute == "multiple") && value==false)
 			el.removeAttribute(attribute);
+		else if(attribute.match(/^on/i)) //event methods
+		{
+			try
+			{
+				eval("(func = function(event){"+value+"})");
+				el[attribute] = func;
+			}
+			catch(e)
+			{
+				throw "Error in evaluating '"+value+"' for attribute "+attribute+" for element "+element.id;
+			}
+		}
 		else
 			el.setAttribute(attribute, value);
 	},
@@ -2646,10 +2975,9 @@ Prado.Element =
 		var el = $(element);
 		if(el && el.tagName.toLowerCase() == "select")
 		{
-			while(el.length > 0)
-				el.remove(0);
+			el.options.length = options.length;
 			for(var i = 0; i<options.length; i++)
-				el.options[el.options.length] = new Option(options[i][0],options[i][1]);
+				el.options[i] = new Option(options[i][0],options[i][1]);
 		}
 	},
 
@@ -2663,76 +2991,191 @@ Prado.Element =
 		if(typeof(obj) != "undefined" && typeof(obj.focus) != "undefined")
 			setTimeout(function(){ obj.focus(); }, 100);
 		return false;
+	},
+
+	replace : function(element, method, content, boundary, transport)
+	{
+		if(boundary)
+		{
+			result = Prado.Element.extractContent(transport.responseText, boundary);
+			if(result != null)
+				content = result;
+		}
+		if(typeof(element) == "string")
+		{
+			if($(element))
+				method.toFunction().apply(this,[element,content]);
+		}
+		else
+		{
+			method.toFunction().apply(this,[content]);
+		}
+	},
+
+	extractContent : function(text, boundary)
+	{
+		f = RegExp('(<!--'+boundary+'-->)([\\s\\S\\w\\W]*)(<!--//'+boundary+'-->)',"m");
+		result = text.match(f);
+		if(result && result.length >= 2)
+			return result[2];
+		else
+			return null;
+	},
+
+	evaluateScript : function(content)
+	{
+		content.evalScripts();
 	}
 }
 
-Prado.Element.Selection = 
+Prado.Element.Selection =
 {
+	isSelectable : function(el)
+	{
+		if(el && el.type)
+		{
+			switch(el.type.toLowerCase())
+			{
+				case 'checkbox':
+				case 'radio':
+				case 'select':
+				case 'select-multiple':
+				case 'select-one':
+				return true;
+			}
+		}
+		return false;
+	},
+
 	inputValue : function(el, value)
 	{
-		switch(el.type.toLowerCase()) 
+		switch(el.type.toLowerCase())
 		{
-			case 'checkbox':  
+			case 'checkbox':
 			case 'radio':
 			return el.checked = value;
 		}
 	},
 
-	selectValue : function(el, value)
+	selectValue : function(elements, value)
 	{
-		$A(el.options).each(function(option)
+		elements.each(function(el)
 		{
-			option.selected = option.value == value;
-		});
+			$A(el.options).each(function(option)
+			{
+				if(typeof(value) == "boolean")
+					options.selected = value;
+				else if(option.value == value)
+					option.selected = true;
+			});
+		})
 	},
 
-	selectIndex : function(el, index)
+	selectValues : function(elements, values)
 	{
-		if(el.type == 'select-one')
-			el.selectedIndex = index;
-		else
+		selection = this;
+		values.each(function(value)
+		{
+			selection.selectValue(elements,value);
+		})
+	},
+
+	selectIndex : function(elements, index)
+	{
+		elements.each(function(el)
 		{
-			for(var i = 0; i<el.length; i++)
+			if(el.type.toLowerCase() == 'select-one')
+				el.selectedIndex = index;
+			else
 			{
-				if(i == index)
-					el.options[i].selected = true;
+				for(var i = 0; i<el.length; i++)
+				{
+					if(i == index)
+						el.options[i].selected = true;
+				}
 			}
-		}
+		})
 	},
 
-	selectClear : function(el)
+	selectAll : function(elements)
 	{
-		el.selectedIndex = -1;
+		elements.each(function(el)
+		{
+			if(el.type.toLowerCase() != 'select-one')
+			{
+				$A(el.options).each(function(option)
+				{
+					option.selected = true;
+				})
+			}
+		})
 	},
 
-	selectAll : function(el)
+	selectInvert : function(elements)
 	{
-		$A(el.options).each(function(option)
+		elements.each(function(el)
 		{
-			option.selected = true;
-			Logger.warn(option.value);
-		});
+			if(el.type.toLowerCase() != 'select-one')
+			{
+				$A(el.options).each(function(option)
+				{
+					option.selected = !options.selected;
+				})
+			}
+		})
 	},
 
-	selectInvert : function(el)
+	selectIndices : function(elements, indices)
 	{
-		$A(el.options).each(function(option)
+		selection = this;
+		indices.each(function(index)
 		{
-			option.selected = !option.selected;
-		});
+			selection.selectIndex(elements,index);
+		})
+	},
+
+	selectClear : function(elements)
+	{
+		elements.each(function(el)
+		{
+			el.selectedIndex = -1;
+		})
+	},
+
+	getListElements : function(element, total)
+	{
+		elements = new Array();
+		for(i = 0; i < total; i++)
+		{
+			el = $(element+"_c"+i);
+			if(el)
+				elements.push(el);
+		}
+		return elements;
 	},
 
-	checkValue : function(name, value)
+	checkValue : function(elements, value)
 	{
-		$A(document.getElementsByName(name)).each(function(el)
+		elements.each(function(el)
 		{
-			el.checked = el.value == value
+			if(typeof(value) == "boolean")
+				el.checked = value;
+			else if(el.value == value)
+				el.checked = true;
 		});
 	},
 
-	checkIndex : function(name, index)
+	checkValues : function(elements, values)
+	{
+		selection = this;
+		values.each(function(value)
+		{
+			selection.checkValue(elements, value);
+		})
+	},
+
+	checkIndex : function(elements, index)
 	{
-		var elements = $A(document.getElementsByName(name));
 		for(var i = 0; i<elements.length; i++)
 		{
 			if(i == index)
@@ -2740,29 +3183,63 @@ Prado.Element.Selection =
 		}
 	},
 
-	checkClear : function(name)
+	checkIndices : function(elements, indices)
+	{
+		selection = this;
+		indices.each(function(index)
+		{
+			selection.checkIndex(elements, index);
+		})
+	},
+
+	checkClear : function(elements)
 	{
-		$A(document.getElementsByName(name)).each(function(el)
+		elements.each(function(el)
 		{
 			el.checked = false;
 		});
 	},
 
-	checkAll : function(name)
+	checkAll : function(elements)
 	{
-		$A(document.getElementsByName(name)).each(function(el)
+		elements.each(function(el)
 		{
 			el.checked = true;
-		});
+		})
 	},
-	checkInvert : function(name)
+
+	checkInvert : function(elements)
 	{
-		$A(document.getElementsByName(name)).each(function(el)
+		elements.each(function(el)
 		{
-			el.checked = !el.checked;
-		});
+			el.checked != el.checked;
+		})
+	}
+};
+
+
+Prado.Element.Insert =
+{
+	append: function(element, content)
+	{
+		new Insertion.Bottom(element, content);
+	},
+
+	prepend: function(element, content)
+	{
+		new Insertion.Top(element, content);
+	},
+
+	after: function(element, content)
+	{
+		new Insertion.After(element, content);
+	},
+
+	before: function(element, content)
+	{
+		new Insertion.Before(element, content);
 	}
-};
+}
 
 Prado.WebUI = Class.create();
 
@@ -2773,12 +3250,12 @@ Prado.WebUI.PostBackControl.prototype =
 	initialize : function(options)
 	{
 		this.element = $(options['ID']);
-		
+
 /*		if(options.CausesValidation && typeof(Prado.Validation) != 'undefined')
 		{
 			Prado.Validation.registerTarget(options);
 		}
-		
+
 		//TODO: what do the following options do?
 		//options['PostBackUrl']
 		//options['ClientSubmit']
@@ -2801,7 +3278,7 @@ Prado.WebUI.TButton = Prado.WebUI.createPostBackComponent();
 */
 Prado.WebUI.PostBackControl = Class.create();
 
-Prado.WebUI.PostBackControl.prototype = 
+Prado.WebUI.PostBackControl.prototype =
 {
 	_elementOnClick : null, //capture the element's onclick function
 
@@ -2811,7 +3288,7 @@ Prado.WebUI.PostBackControl.prototype =
 		if(this.onInit)
 			this.onInit(options);
 	},
-	
+
 	onInit : function(options)
 	{
 		if(typeof(this.element.onclick)=="function")
@@ -2819,10 +3296,10 @@ Prado.WebUI.PostBackControl.prototype =
 			this._elementOnClick = this.element.onclick;
 			this.element.onclick = null;
 		}
-		Event.observe(this.element, "click", this.onClick.bindEvent(this,options));		
+		Event.observe(this.element, "click", this.elementClicked.bindEvent(this,options));
 	},
 
-	onClick : function(event, options)
+	elementClicked : function(event, options)
 	{
 		var src = Event.element(event);
 		var doPostBack = true;
@@ -2853,7 +3330,7 @@ Prado.WebUI.TBulletedList = Class.extend(Prado.WebUI.PostBackControl);
 Prado.WebUI.TImageMap = Class.extend(Prado.WebUI.PostBackControl);
 
 /**
- * TImageButton client-side behaviour. With validation, Firefox needs 
+ * TImageButton client-side behaviour. With validation, Firefox needs
  * to capture the x,y point of the clicked image in hidden form fields.
  */
 Prado.WebUI.TImageButton = Class.extend(Prado.WebUI.PostBackControl);
@@ -2863,7 +3340,7 @@ Object.extend(Prado.WebUI.TImageButton.prototype,
 	 * Only add the hidden inputs once.
 	 */
 	hasXYInput : false,
-	
+
 	/**
 	 * Override parent onPostBack function, tried to add hidden forms
 	 * inputs to capture x,y clicked point.
@@ -2877,7 +3354,7 @@ Object.extend(Prado.WebUI.TImageButton.prototype,
 		}
 		Prado.PostBack(event, options);
 	},
-	
+
 	/**
 	 * Add hidden inputs to capture the x,y point clicked on the image.
 	 * @param event DOM click event.
@@ -2885,15 +3362,33 @@ Object.extend(Prado.WebUI.TImageButton.prototype,
 	 */
 	addXYInput : function(event,options)
 	{
-		var imagePos = Position.cumulativeOffset(this.element);
-		var clickedPos = [event.clientX, event.clientY];
-		var x = clickedPos[0]-imagePos[0]+1;
-		var y = clickedPos[1]-imagePos[1]+1;
-		var id = options['EventTarget'];
-		var x_input = INPUT({type:'hidden',name:id+'_x',value:x});
-		var y_input = INPUT({type:'hidden',name:id+'_y',value:y});
-		this.element.parentNode.appendChild(x_input);
-		this.element.parentNode.appendChild(y_input);		
+		imagePos = Position.cumulativeOffset(this.element);
+		clickedPos = [event.clientX, event.clientY];
+		x = clickedPos[0]-imagePos[0]+1;
+		y = clickedPos[1]-imagePos[1]+1;
+		x = x < 0 ? 0 : x;
+		y = y < 0 ? 0 : y;
+		id = options['EventTarget'];
+		x_input = $(id+"_x");
+		y_input = $(id+"_y");
+		if(x_input)
+		{
+			x_input.value = x;
+		}
+		else
+		{
+			x_input = INPUT({type:'hidden',name:id+'_x','id':id+'_x',value:x});
+			this.element.parentNode.appendChild(x_input);
+		}
+		if(y_input)
+		{
+			y_input.value = y;
+		}
+		else
+		{
+			y_input = INPUT({type:'hidden',name:id+'_y','id':id+'_y',value:y});
+			this.element.parentNode.appendChild(y_input);
+		}
 	}
 });
 
@@ -2949,7 +3444,7 @@ Prado.WebUI.TListBox = Class.extend(Prado.WebUI.TListControl);
 Prado.WebUI.TDropDownList = Class.extend(Prado.WebUI.TListControl);
 
 Prado.WebUI.DefaultButton = Class.create();
-Prado.WebUI.DefaultButton.prototype = 
+Prado.WebUI.DefaultButton.prototype =
 {
 	initialize : function(options)
 	{