<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-GB" xml:lang="en-GB">
<head>
	<meta http-equiv="x-ua-compatible" content="IE=8" />
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

	<title>Glow Sandbox</title>
	<script  type="text/javascript" src="http://node1.bbcimg.co.uk/glow/gloader.0.1.3.js">
		gloader.use("glow", {map: "http://node1.bbcimg.co.uk/glow/glow/map.1.7.0.js"});
	</script>
	<script  type="text/javascript">
		gloader.load(["glow", "1", "glow.events", "glow.anim", "glow.widgets.Overlay"],
			{
				onload: function(glow) {
					glow.ready(function(){
						var h1 = glow.dom.get('h1').clone();
						alert(h1.length);
						
						// breaks in IE
						// comment these lines out to see 
						// the output of the 3rd example
						var h2 = glow.dom.get('h2').clone();
						alert(h2.length);
						
						// works in IE, but only if the previous example is not executed
						var h3 = glow.dom.get('h3');
						// if our nodelist is empty, we just return it
						// else we clone it & return it
						h2 = (!h3.length) ? h3 : h3.clone();
						alert(h3.length);				
					});
				}
			}
		);
	
	</script>
</head>
<body>
	<h1>Glow sandbox</h1>
	
</body>
</html>