>$('myOldElement').replaceWith($('myNewElement')); //$('myOldElement') is gone, and $('myNewElement') is in its place.	*/	replaceWith: function(el){		el = $(el);		this.parentNode.replaceChild(el, this);		return el;	},	/*	Property: appendText		Appends text node to a DOM element.	Arguments:		text - the text to append.	Example:		><div id="myElement">hey</div>		>$('myElement').appendText(' howdy'); //myElement innerHTML is now "hey howdy"	*/	appendText: function(text){		this.appendChild(document.createTextNode(text));		return this;	},	/*	Property: hasClass		Tests the Element to see if it has the passed in className.	Returns:		true - the Element has the class		false - it doesn't	Arguments:		className - string; the class name to test.	Example:		><div id="myElement" class="testClass"></div>		>$('myElement').hasClass('testClass'); //returns true	*/	hasClass: function(className){		return this.className.contains(className, ' ');	},	/*	Property: addClass		Adds the passed in class to the Element, if the element doesnt already have it.	Arguments:		className - string; the class name to add	Example:		><div id="myElement" class="testClass"></div>		>$('myElement').addClass('newClass'); //<div id="myElement" class="testClass newClass"></div>	*/	addClass: function(className){		if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean();		return this;	},	/*	Property: removeClass		Works like <Element.addClass>, but removes the class from the element.	*/	removeClass: function(className){		this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1').clean();		return this;	},	/*	Property: toggleClass		Adds or removes the passed in class name to the element, depending on if it's present or not.	Arguments:		className - the class to add or remove	Example:		><div id="myElement" class="myClass"></div>		>$('myElement').toggleClass('myClass');		><div id="myElement" class=""></div>		>$('myElement').toggleClass('myClass');		><div id="myElement" class="myClass"></div>	*/	toggleClass: function(className){		return this.hasClass(className) ? this.removeClass(className) : this.addClass(className);	},	/*	Property: setStyle		Sets a css property to the Element.		Arguments:			property - the property to set			value - the value to which to set it; for numeric values that require "px" you can pass an integer		Example:			>$('myElement').setStyle('width', '300px'); //the width is now 300px			>$('myElement').setStyle('width', 300); //the width is now 300px	*/	setStyle: function(property, value){		switch(property){			case 'opacity': return this.setOpacity(parseFloat(value));			case 'float': property = (window.ie) ? 'styleFloat' : 'cssFloat';		}		property = property.camelCase();		switch($type(value)){			case 'number': if (!['zIndex', 'zoom'].contains(property)) value += 'px'; break;			case 'array': value = 'rgb(' + value.join(',') + ')';		}		this.style[property] = value;		return this;	},	/*	Property: setStyles		Applies a collection of styles to the Element.	Arguments:		source - an object or string containing all the styles to apply. When its a string it overrides old style.	Examples:		>$('myElement').setStyles({		>	border: '1px solid #000',		>	width: 300,		>	height: 400		>});		OR		>$('myElement').setStyles('border: 1px solid #000; width: 300px; height: 400px;');	*/	setStyles: function(source){		switch($type(source)){			case 'object': Element.setMany(this, 'setStyle', source); break;			case 'string': this.style.cssText = source;		}		return this;	},	/*	Property: setOpacity		Sets the opacity of the Element, and sets also visibility == "hidden" if opacity == 0, and visibility = "visible" if opacity > 0.	Arguments:		opacity - float; Accepts values from 0 to 1.	Example:		>$('myElement').setOpacity(0.5) //make it 50% transparent	*/	setOpacity: function(opacity){		if (opacity == 0){			if (this.style.visibility != "hidden") this.style.visibility = "hidden";		} else {			if (this.style.visibility != "visible") this.style.visibility = "visible";		}		if (!this.currentStyle || !this.currentStyle.hasLayout) this.style.zoom = 1;		if (window.ie) this.style.filter = (opacity == 1) ? '' : "alpha(opacity=" + opacity * 100 + ")";		this.style.opacity = this.$tmp.opacity = opacity;		return this;	},	/*	Property: getStyle		Returns the style of the Element given the property passed in.	Arguments:		property - the css style property you want to retrieve	Example:		>$('myElement').getStyle('width'); //returns "400px"		>//but you can also use		>$('myElement').getStyle('width').toInt(); //returns 400	Returns:		the style as a string	*/	getStyle: function(property){		property = property.camelCase();		var result = this.style[property];		if (!$chk(result)){			if (property == 'opacity') return this.$tmp.opacity;			result = [];			for (var style in Element.Styles){				if (property == style){					Element.Styles[style].each(function(s){						var style = this.getStyle(s);						result.push(parseInt(style) ? style : '0px');					}, this);					if (property == 'border'){						var every = result.every(function(bit){							return (bit == result[0]);						});						return (every) ? result[0] : false;					}					return result.join(' ');				}			}			if (property.contains('border')){				if (Element.Styles.border.contains(property)){					return ['Width', 'Style', 'Color'].map(function(p){						return this.getStyle(property + p);					}, this).join(' ');				} else if (Element.borderShort.contains(property)){					return ['Top', 'Right', 'Bottom', 'Left'].map(function(p){						return this.getStyle('border' + p + property.replace('border', ''));					}, this).join(' ');				}			}			if (document.defaultView) result = document.defaultView.getComputedStyle(this, null).getPropertyValue(property.hyphenate());			else if (this.currentStyle) result = this.currentStyle[property];		}		if (window.ie) result = Element.fixStyle(property, result, this);		if (result && property.test(/color/i) && result.contains('rgb')){			return result.split('rgb').splice(1,4).map(function(color){				return color.rgbToHex();			}).join(' ');		}		return result;	},	/*	Property: getStyles		Returns an object of styles of the Element for each argument passed in.		Arguments:		properties - strings; any number of style properties	Example:		>$('myElement').getStyles('width','height','padding');		>//returns an object like:		>{width: "10px", height: "10px", padding: "10px 0px 10px 0px"}	*/	getStyles: function(){		return Element.getMany(this, 'getStyle', arguments);	},	walk: function(brother, start){		brother += 'Sibling';		var el = (start) ? this[start] : this[brother];		while (el && $type(el) != 'element') el = el[brother];		return $(el);	},	/*	Property: getPrevious		Returns the previousSibling of the Element, excluding text nodes.	Example:		>$('myElement').getPrevious(); //get the previous DOM element from myElement	Returns:		the sibling element or undefined if none found.	*/	getPrevious: function(){		return this.walk('previous');	},	/*	Property: getNext		Works as Element.getPrevious, but tries to find the nextSibling.	*/	getNext: function(){		return this.walk('next');	},	/*	Property: getFirst		Works as <Element.getPrevious>, but tries to find the firstChild.	*/	getFirst: function(){		return this.walk('next', 'firstChild');	},	/*	Property: getLast		Works as <Element.getPrevious>, but tries to find the lastChild.	*/	getLast: function(){		return this.walk('previous', 'lastChild');	},	/*	Property: getParent		returns the $(element.parentNode)	*/	getParent: function(){		return $(this.parentNode);	},	/*	Property: getChildren		returns all the $(element.childNodes), excluding text nodes. Returns as <Elements>.	*/	getChildren: function(){		return $$(this.childNodes);	},	/*	Property: hasChild		returns true if the passed in element is a child of the $(element).	*/	hasChild: function(el){		return !!$A(this.getElementsByTagName('*')).contains(el);	},	/*	Property: getProperty		Gets the an attribute of the Element.	Arguments:		property - string; the attribute to retrieve	Example:		>$('myImage').getProperty('src') // returns whatever.gif	Returns:		the value, or an empty string	*/	getProperty: function(property){		var index = Element.Properties[property];		if (index) return this[index];		var flag = Element.PropertiesIFlag[property] || 0;		if (!window.ie || flag) return this.getAttribute(property, flag);		var node = this.attributes[property];		return (node) ? node.nodeValue : null;	},	/*	Property: removeProperty		Removes an attribute from the Element	Arguments:		property - string; the attribute to remove	*/	removeProperty: function(property){		var index = Element.Properties[property];		if (index) this[index] = '';		else this.removeAttribute(property);		return this;	},	/*	Property: getProperties		same as <Element.getStyles>, but for properties	*/	getProperties: function(){		return Element.getMany(this, 'getProperty', arguments);	},	/*	Property: setProperty		Sets an attribute for the Element.	Arguments:		property - string; the property to assign the value passed in		value - the value to assign to the property passed in	Example:		>$('myImage').setProperty('src', 'whatever.gif'); //myImage now points to whatever.gif for its source	*/	setProperty: function(property, value){		var index = Element.Properties[property];		if (index) this[index] = value;		else this.setAttribute(property, value);		return this;	},	/*	Property: setProperties		Sets numerous attributes for the Element.	Arguments:		source - an object with key/value pairs.	Example:		(start code)		$('myElement').setProperties({			src: 'whatever.gif',			alt: 'whatever dude'		});		<img src="whatever.gif" alt="whatever dude">		(end)	*/	setProperties: function(source){		return Element.setMany(this, 'setProperty', source);	},	/*	Property: setHTML		Sets the innerHTML of the Element.	Arguments:		html - string; the new innerHTML for the element.	Example:		>$('myElement').setHTML(newHTML) //the innerHTML of myElement is now = newHTML	*/	setHTML: function(){		this.innerHTML = $A(arguments).join('');		return this;	},	/*	Property: setText		Sets the inner text of the Element.	Arguments:		text - string; the new text content for the element.	Example:		>$('myElement').setText('some text') //the text of myElement is now = 'some text'	*/	setText: function(text){		var tag = this.getTag();		if (['style', 'script'].contains(tag)){			if (window.ie){				if (tag == 'style') this.styleSheet.cssText = text;				else if (tag ==  'script') this.setProperty('text', text);				return this;			} else {				this.removeChild(this.firstChild);				return this.appendText(text);			}		}		this[$defined(this.innerText) ? 'innerText' : 'textContent'] = text;		return this;	},	/*	Property: getText		Gets the inner text of the Element.	*/	getText: function(){		var tag = this.getTag();		if (['style', 'script'].contains(tag)){			if (window.ie){				if (tag == 'style') return this.styleSheet.cssText;				else if (tag ==  'script') return this.getProperty('text');			} else {				return this.innerHTML;			}		}		return ($pick(this.innerText, this.textContent));	},	/*	Property: getTag		Returns the tagName of the element in lower case.	Example:		>$('myImage').getTag() // returns 'img'	Returns:		The tag name in lower case	*/	getTag: function(){		return this.tagName.toLowerCase();	},	/*	Property: empty		Empties an element of all its children.	Example:		>$('myDiv').empty() // empties the Div and returns it	Returns:		The element.	*/	empty: function(){		Garbage.trash(this.getElementsByTagName('*'));		return this.setHTML('');	}});Element.fixStyle = function(property, result, element){	if ($chk(parseInt(result))) return result;	if (['height', 'width'].contains(property)){		var values = (property == 'width') ? ['left', 'right'] : ['top', 'bottom'];		v