1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 
		<html xmlns="http://www.w3.org/1999/xhtml"
3 
		  <head>
4 
		    <title>world.png</title>
5 
		    <meta http-equiv='imagetoolbar' content='no'/>
6 
		    <style type="text/css"> v\:* {behavior:url(#default#VML);}
7 
		        html, body {padding: 0; height: 100%; width: 100%; font-family: 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; }
8 
		        body { margin: 10px; background: #fff; }
9 
		        h1 { margin: 0; padding: 6px; border:0; font-size: 20pt; }
10 
		        #header { height: 43px; padding: 0; background-color: #eee; border: 1px solid #888; }
11 
		        #subheader { height: 12px; text-align: right; font-size: 10px; color: #555;}
12 
		        #map {height:95% border: 1px solid #888; }
13 
		    </style>
14 
		    <script src="http://www.openlayers.org/api/2.11/OpenLayers.js" type="text/javascript"></script>
15 
		    <script type="text/javascript" src="myVector.js"></script>
16 
		  </head>
17 
		  <body onload="init()">
18 
			<div id="header"><h1>Lepakshi Mural</h1></div>
19 
			<div id="subheader">Generated by <a href="http://www.maptiler.org/">MapTiler</a>/<a href="http://www.klokan.cz/projects/gdal2tiles/">GDAL2Tiles</a>, Copyright &copy; 2008 <a href="http://www.klokan.cz/">Klokan Petr Pridal</a>,  <a href="http://www.gdal.org/">GDAL</a> &amp; <a href="http://www.osgeo.org/">OSGeo</a> <a href="http://code.google.com/soc/">GSoC</a>
20 
			  <!-- PLEASE, LET THIS NOTE ABOUT AUTHOR AND PROJECT SOMEWHERE ON YOUR WEBSITE, OR AT LEAST IN THE COMMENT IN HTML. THANK YOU -->
21 
			</div>
22 
			<input onclick="handler.trigger();" type="button" style="background-color:#00CC00;height:15px;-moz-border-radius:75px;-webkit-border-radius:75px; width:15px;">Mural<br></input><div id="content"></div>
23 
			  <input onclick="handler.trigger1();" type="button" style="background-color:#00CC00;height:15px;-moz-border-radius:75px;-webkit-border-radius:75px; width:15px;">Face<br></input><div id="content1"></div>
24 
			    <input onclick="handler.trigger2();" type="button" style="background-color:#00CC00;height:15px;-moz-border-radius:75px;-webkit-border-radius:75px; width:15px;">Jewelery<br></input><div id="content2"></div>
25 
			<div id="map"></div>
26 
			<div>
27 
			  <ul>
28 
			    <li>
29 
			      <input type="checkbox" name="allow-pan" value="allow-pan" id="allowPanCheckbox" checked=true onclick="allowPan(this);" />
30 
			      <label for="allowPanCheckbox">allow pan while drawing</label>
31 
			    </li>
32 
			    <li>
33 
			      <input type="radio" name="type" value="none" id="noneToggle" onclick="toggleControl(this);" checked="checked" />
34 
			      <label for="noneToggle">navigate</label>
35 
			    </li>
36 
			    <li>
37 
			      <input type="radio" name="type" value="box" id="boxToggle" onclick="toggleControl(this);" />
38 
			      <label for="boxToggle">Tag this</label>
39 
			    </li>
40 
			  </ul>
41 
			</div>
42 
		    <script type="text/javascript" >resize()</script>
43 
		  </body>
44 
		</html>