<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="/xsl/empty.xsl"?>
<html>
<head>
	<title>This is XHTML.htm</title>
<script src="/js/trunk/mootools.js.php"> </script>
<style>

#box,#box1 {
	width:400px;
	padding:10px;
	background-color:red;
}
#rbx {
	width:420px;
}
</style>
</head>

<body id="container">
<div  id="box" >this will disapear </div>

<div  id="box1" >this will disapear </div>


<script>

window.onload=function() {

$('box').innerHTML+="this is document.documentElement.namespaceURI : "+document.documentElement.namespaceURI;

$('box1').innerHTML="this is document.namespaceURI : "+document.namespaceURI;


var box0=document.createElement("b");
box0.innerHTML="this should be bold";
$('container').appendChild(box0);

if(document.createElementNS){
	var box1=document.createElementNS(document.documentElement.namespaceURI,"b");
	box1.innerHTML="this IS bold NS";
	$('container').appendChild(box1);
}

}


</script>


</body>

</html>