f13712f by Arvind at 2012-05-31 1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
d9ce76c by Ajay kulkarni at 2012-06-07 2 
<html xmlns="http://www.w3.org/1999/xhtml"
3 
      <head>
3f45061 by Arvind at 2012-06-07 4 
	<script type="text/javascript">
5 
	  function annotationTree() {
6 
	  tree_div = document.getElementById('annotation-tree');
7 
	  tree_div.style.display = 'block';
8 
	  }
9 
	</script>
10 
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
11 
	<script type="text/javascript" src="./jit.js"></script>
12 
	<script type="text/javascript" src="./tree.js"></script>
d9ce76c by Ajay kulkarni at 2012-06-07 13 
	<style type='text/css'>
14 
	  #annotation-tree {
15 
	  position:fixed;
16 
	  top:0px;
17 
	  left:0px;
18 
	  width:100%;
19 
	  height:100%;
20 
	  background-color:rgba(0, 0, 0, 0.5);
21 
	  display:none;
22 
	  z-index:99999;
23 
          }
24 
	</style>
25 
	<title>Lepakshi Mural</title>
26 
	<meta http-equiv='imagetoolbar' content='no'/>
27 
	<link rel="stylesheet" type="text/css" href="./tree.css"></link>
28 
	<style type="text/css"> v\:* {behavior:url(#default#VML);}
29 
	  html, body {padding: 0; height: 100%; width: 100%; font-family: 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; }
30 
	  body { margin: 10px; background: #fff; }
31 
	  h1 { margin: 0; padding: 6px; border:0; font-size: 20pt; }
32 
	  #header { height: 43px; padding: 0; background-color: #eee; border: 1px solid #888; }
33 
	  #subheader { height: 12px; text-align: right; font-size: 10px; color: #555;}
34 
	  #map {height:95% border: 1px solid #888; }
35 
	</style>
36 
	<script src="http://www.openlayers.org/api/2.11/OpenLayers.js" type="text/javascript"></script>
37 
	<script type="text/javascript" src="myVector.js"></script>
7f5c536 by Arvind at 2012-06-11 38 
	<script type="text/javascript">
39 
	  function treeClose()
40 
	  {
41 
	  $('#annotation-tree').hide();
42 
	  myJSON['attribs'] = attribs;
43 
	  }
44 
	</script>
d9ce76c by Ajay kulkarni at 2012-06-07 45 
      </head>
7f5c536 by Arvind at 2012-06-11 46 
<body onload="init();">
d9ce76c by Ajay kulkarni at 2012-06-07 47 
  <div id="header"><h1>Lepakshi Mural</h1></div>
48 
  <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>
49 
    <!-- PLEASE, LET THIS NOTE ABOUT AUTHOR AND PROJECT SOMEWHERE ON YOUR WEBSITE, OR AT LEAST IN THE COMMENT IN HTML. THANK YOU -->
50 
  </div>
7f5c536 by Arvind at 2012-06-11 51 
  <input onclick="handler.trigger();" type="button" style="background-color:#00CC00;height:15px;-moz-border-radius:75px;-webkit-border-radius:75px; width:15px;"/>Mural<div id="content"></div>
52 
  <input onclick="handler.trigger1();" type="button" style="background-color:#00CC00;height:15px;-moz-border-radius:75px;-webkit-border-radius:75px; width:15px;"/>Face<div id="content1"></div>
53 
  <input onclick="handler.trigger2();" type="button" style="background-color:#00CC00;height:15px;-moz-border-radius:75px;-webkit-border-radius:75px; width:15px;"/>Jewellery<div id="content2"></div>
d9ce76c by Ajay kulkarni at 2012-06-07 54 
  <div id="map"></div>
55 
  <div>
56 
    <ul>
57 
      <li>
58 
	<input type="checkbox" name="allow-pan" value="allow-pan" id="allowPanCheckbox" checked=true onclick="allowPan(this);" />
59 
	<label for="allowPanCheckbox">allow pan while drawing</label>
60 
      </li>
61 
      <li>
62 
	<input type="radio" name="type" value="none" id="noneToggle" onclick="toggleControl(this);" checked="checked" />
63 
	<label for="noneToggle">navigate</label>
64 
      </li>
65 
      <li>
66 
	<input type="radio" name="type" value="box" id="boxToggle" onclick="toggleControl(this);" />
67 
	<label for="boxToggle">Tag this</label>
68 
      </li>
69 
    </ul>
70 
  </div>
71 
  <script type="text/javascript" >resize()</script>
7f5c536 by Arvind at 2012-06-11 72 
  <div id="annotation-tree">
73 
    <input type="button" value="close" onClick="treeClose();"/>
74 
    <div id="infovis">
bde7b0b by Ajay kulkarni at 2012-06-07 75 
      <form>
7f5c536 by Arvind at 2012-06-11 76 
	<div>Character: <span id="character-value"></span></div>
bde7b0b by Ajay kulkarni at 2012-06-07 77 
	<div>Ornament </div>
78 
	<div>Material: <span id="material-value"></span></div>
79 
	<div>Jewellery: <span id="jewellery-value"></span></div>
80 
      </form>
81 
    </div>
82 
  </div>
d9ce76c by Ajay kulkarni at 2012-06-07 83 
</body>
84 
</html>