document.write("<script type=\"text/javascript\" src=\"/sites/milichiidae.info/files/tree-6833/tree.js\"></script>\n\n<!-- Add handler for mouse wheel -->\n<script type=\"text/javascript\">\n	if (window.addEventListener)\n	        /** DOMMouseScroll is for mozilla. */\n	        window.addEventListener('DOMMouseScroll', wheel, false);\n	/** IE/Opera. */\n	window.onmousewheel = document.onmousewheel = wheel;\n</script>\n<!-- create the tree viewer -->\n<div style=\"position:absolute;left:0px;top:0px;\">\n	\n	<div id=\"tvwTreeWidget\">\n	\n		<!-- tool bar -->\n		<div id=\"tvwTreeTools\">\n			<span id=\"tvwFind\">Search</span>\n			<input id =\"tvwLeafOne\" type=\"text\" onkeyup=\"autocomplete.change(this, event, states)\" />\n			<img id=\"tvwGo\" src=\"/sites/milichiidae.info/files/tree-6833/images/magnifier.png\" onclick=\"showLabel();\"/>\n			<script type=\"text/javascript\">\n				autocomplete.initialize();\n			</script>\n		</div>\n		\n		<!-- Box to include scroller and big tree -->\n		<div id=\"tvwBox\">\n\n		<!-- scroller and tree thumbnail -->\n		<div id=\"tvwTreeScroller\">\n			<div id=\"tvwThumbTrack\"></div>\n			<div id=\"tvwThumbnail\" style=\"background-image:url(/sites/milichiidae.info/files/tree-6833/tree-thumbnail.png);\"></div> \n			<div id=\"tvwTrack1\"></div>\n			<div id=\"tvwTrack2\"></div>\n			<div id=\"tvwThumb\" onmousedown=\"dragStart(event, 'tvwThumb');captureThumb(event);\">\n				<div id =\"tvwThumbHandle\"></div>\n			</div>\n		</div>\n\n		<!-- Marker for when we search for a name -->\n		<div id=\"tvwMarker1\"></div>\n\n		<!-- big tree -->\n		<div id=\"tvwViewer\" class=\"tvwViewer\" >\n			<div id=\"tvwWell\" class=\"tvwWell\">\n				<!-- image slices -->\n<img style=\"display:block;\" src=\"/sites/milichiidae.info/files/tree-6833/tree.000.png\" />\n<img style=\"display:block;\" src=\"/sites/milichiidae.info/files/tree-6833/tree.001.png\" />\n<img style=\"display:block;\" src=\"/sites/milichiidae.info/files/tree-6833/tree.002.png\" />\n<img style=\"display:block;\" src=\"/sites/milichiidae.info/files/tree-6833/tree.003.png\" />\n<img style=\"display:block;\" src=\"/sites/milichiidae.info/files/tree-6833/tree.004.png\" />\n				<div id=\"tvwLabelOne\"></div>\n			</div> \n			<!-- surface user drags to move big tree -->\n			<div class=\"tvwSurface\" id=\"tvwSurface\" onmousedown=\"dragStart(event, 'tvwWell');captureSurface(event);\"></div> 	\n			<!-- user clicks here for information on taxon -->\n			<div class=\"tvwTaxa\" id=\"tvwTaxa\" onmousedown=\"doTaxa(this, event);\"></div> 		\n		</div>\n		</div> <!-- close Box -->\n\n	</div>\n\n</div>\n	\n<!-- tree specific adjustments to make once we've loaded widget -->\n<script type=\"text/javascript\">\n	function tvwAdjustViewer()\n	{		var t = document.getElementById('tvwThumb');\n		t.style.height = floatThumbHeight + 'px';\n\n		t = document.getElementById('tvwThumbHandle');\n		t.style.height = floatThumbHeight + 'px';\n\n		t = document.getElementById('tvwTreeScroller');\n\n\n		t2 = document.getElementById('tvwTrack2');\n		t2.style.top = (floatThumbHeight + 1) + 'px';\n		t2.style.height = 400 - floatThumbHeight + 'px';\n		// Adjust \n		s = document.getElementById('tvwSurface');\n		s.style.width = leafX + 'px';\n\n		t = document.getElementById('tvwTaxa');\n		t.style.left = leafX + 'px';\n		t.style.width = (300 - leafX)  + 'px';\n		t.style.height = imageHeight + 'px';\n	}\n\n</script>\n\n<!-- end of widget -->\n");