<!--
var browser = navigator.appName;
function toggleLayer( whichLayer )
	{
	var elem, vis;
	if( document.getElementById )
		elem = document.getElementById( whichLayer );
	else if( document.all )
		elem = document.all[whichLayer];
	else if( document.layers )
		elem = document.layers[whichLayer];
		vis = elem.style;
	if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
	vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
	vis.display = (vis.display==''||vis.display=='block')?'none':'block';
	}
function betterInnerHTML(element, HTML, clearfirst) {
	myElement = document.getElementById(element);
	
	// load the HTML as XML
	function Load(xmlString) {
		var xml;
		if (typeof DOMParser != "undefined") xml = (new DOMParser()).parseFromString(xmlString, "application/xml");
		else {
			var ieDOM = ["MSXML2.DOMDocument", "MSXML.DOMDocument", "Microsoft.XMLDOM"];
			for (var i = 0; i < ieDOM.length && !xml; i++) {
				try { xml = new ActiveXObject(ieDOM[i]); xml.loadXML(xmlString); }
				catch(e) {}
			}
		}
		return xml;
	}

	// recursively copy the XML into the DOM
	function Copy(domNode, xmlDoc, level) {

		if (typeof level == "undefined") level = 1;
		if (level > 1) {

			if (xmlDoc.nodeType == 1) {

				// element node
				var thisNode = document.createElement(xmlDoc.nodeName);

				// attributes
				for (var a = 0, attr = xmlDoc.attributes.length; a < attr; a++) {
					var aName = xmlDoc.attributes[a].name, aValue = xmlDoc.attributes[a].value, evt = (aName.substr(0,2) == "on");
					if (!evt) {
						switch (aName) {
							case "class": thisNode.className = aValue; break;
							case "for": thisNode.htmlFor = aValue; break;
							default: thisNode.setAttribute(aName, aValue);
						}
					}
				}

				// append node
				domNode = domNode.appendChild(thisNode);

				// attach event
				if (evt) domNode[aName] = function() { eval(aValue); };
			}
			else if (xmlDoc.nodeType == 3) {
				// text node
				var text = (xmlDoc.nodeValue ? xmlDoc.nodeValue : "");
				var test = text.replace(/^\s*|\s*$/g, "");
				if (test.length < 7 || (test.indexOf("<!--") != 0 && test.indexOf("-->") != (test.length - 3))) domNode.appendChild(document.createTextNode(text));
			}
		}

		// do child nodes
		for (var i = 0, j = xmlDoc.childNodes.length; i < j; i++) Copy(domNode, xmlDoc.childNodes[i], level+1);
	}

	// load the XML and copies to DOM
	HTML = "<root>"+HTML+"</root>";
	var xmlDoc = Load(HTML);
	if (myElement && xmlDoc) {
		if (clearfirst != false) while (myElement.lastChild) myElement.removeChild(myElement.lastChild);
		Copy(myElement, xmlDoc.documentElement);
	}
}

// ______________________________________________
// function started after page load
function Start() {

	var HTMLstring = '<p>This HTML has been inserted into the page using <strong>#</strong>.</p><ul><li>list item 1</li><li>list item 2</li><li onclick="alert(\'inline onclick event handler has run\');">list item 3 (click me - this item has an inline event handler)</li></ul><p>Created by Craig Buckler, <a href="http://www.optimalworks.net/">Optimalworks.net</a></p>';

	var e1 = document.getElementById("element1");
	e1.onclick = function() {
		betterInnerHTML(e1, HTMLstring.replace(/#/, "betterInnerHTML") );
	}
	
	var e2 = document.getElementById("element2");
	e2.onclick = function() {
		e2.innerHTML = HTMLstring.replace(/#/, "innerHTML");
	}

}
window.onload = Start;
//-->
