--- a/openlayers.html
+++ b/openlayers.html
@@ -4,20 +4,21 @@
 	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
 	<script type="text/javascript">
 	  function annotationTree() {    
-	  $('#annotation-tree').show();
+	  $('#annotation-overlay').show();
 	  }
 
 	  function closeForm() {
-	  $('#annotation-tree').hide();
+	  $('#annotation-overlay').hide();
 	  }
 
 	  function faceOrnament() {
 	  x = document.getElementsByClassName('annotate');
-	  if(x[0].checked == true && x[0].value == 'face') {
-	  $('face').show();
+	  $('#face').hide(); $('#ornament').hide();
+	  if(x[0].checked == true) {
+	  $('#face').show();
 	  }
-	  else if (x[1].checked == true && x[1].value == 'ornament') {
-	  $('ornament').show();
+	  else if (x[1].checked == true) {
+	  $('#ornament').show();
 	  }
 	  else {
 	  alert('Please select any one of the option')
@@ -25,7 +26,7 @@
 	  }
 	</script>
 	<style type='text/css'>
-	  #annotation-tree {
+	  #annotation-overlay {
 	  position:fixed;
 	  top:0px;
 	  left:0px;
@@ -35,6 +36,16 @@
 	  display:none;
 	  z-index:99999;                                         
           }
+
+	  #container {
+	  position:absolute;
+	  top:10%;
+	  left:20%;
+	  width:60%;
+	  height:90%;
+	  background-color:#ffa;
+	  }
+
 	  #face, #ornament {
 	  display:none;
 	  }
@@ -55,7 +66,7 @@
 	<script type="text/javascript">
 	  function treeClose()
 	  {
-	  $('#annotation-tree').hide();
+	  $('#annotation-overlay').hide();
 	  attribs["character"] =  $("#character-value").text();
 	  attribs["material"] = $("#material-value").text();
 	  myJSON.push(attribs);


@@ -88,42 +99,43 @@
     </ul>
   </div>
   <script type="text/javascript" >resize()</script>
-  <div id="annotation-tree">
-    <input id="close-form" type="submit" onClick="closeForm();" value="Close" title="Close this form" />
-    <div id="annotate" name="annotateForm" >
-      Choose a category for annotated part : <br />
-      <input type="radio" class="annotate" name="annotate" value="face" /> Face <br />
-      <input type="radio" class="annotate" name="annotate" value="ornament" /> Ornament <br />
-      <input type="submit" name="annotate" value="Next" onclick="faceOrnament();" />
-    </div>
-    <div id="face" name="faceForm">
-      Choose whose face is it : <br>
-	<input type="radio" name="face" value="Shiva" /> Shiva <br />
-	<input type="radio" name="face" value="Vishnu" /> Vishnu <br />
-	<input type="radio" name="face" value="Krishna" /> Krishna <br />
-	<input type="radio" name="face" value="Parvati" /> Parvati <br />
-	<input type="radio" name="face" value="Lakshmi" /> Lakshmi <br />
-	<input type="radio" name="face" value="Saraswati" /> Saraswati <br />
+  <div id="annotation-overlay">
+    <div id="container">
+      <input id="close-form" type="submit" onClick="closeForm();" value="Close" title="Close this form" />
+      <div id="annotate" name="annotateForm" >
+	Choose a category for annotated part : <br />
+	<input type="radio" class="annotate" name="annotate" value="face" /> Face <br />
+	<input type="radio" class="annotate" name="annotate" value="ornament" /> Ornament <br />
+	<input type="submit" name="annotate" value="Next" onclick="faceOrnament();" />
       </div>
-      
-      <div id="ornament" name="ornamentForm" >
-	Choose what jewellery is it : <br />
-	<input type="radio" name="jewellery" value="Neckless" /> Neckless <br />
-	<input type="radio" name="jewellery" value="Bangles" /> Bangles <br />
-	<input type="radio" name="jewellery" value="Ear-ring" /> Ear-ring <br />
-	<input type="radio" name="jewellery" value="Nose-ring" /> Nose-ring <br />
-	<input type="radio" name="jewellery" value="Waistlet" /> Waistlet <br />
-	<input type="radio" name="jewellery" value="Ankalet" /> Ankalet <br />
-	<br />
-	Choose what materal of an ornament : <br />
-	<input type="radio" name="material" value="Gold" /> Gold <br />
-	<input type="radio" name="material" value="Silver" /> Silver <br />
-	<input type="radio" name="material" value="Bronze" /> Bronze <br />
-	<input type="radio" name="material" value="Ruby" /> Ruby <br />
-	<input type="radio" name="material" value="Diamond" /> Diamond <br />
-	<input type="radio" name="material" value="Platinum" /> Platinum <br />
+      <div id="face" name="faceForm">
+	Choose whose face is it : <br>
+	  <input type="radio" name="face" value="Shiva" /> Shiva <br />
+	  <input type="radio" name="face" value="Vishnu" /> Vishnu <br />
+	  <input type="radio" name="face" value="Krishna" /> Krishna <br />
+	  <input type="radio" name="face" value="Parvati" /> Parvati <br />
+	  <input type="radio" name="face" value="Lakshmi" /> Lakshmi <br />
+	  <input type="radio" name="face" value="Saraswati" /> Saraswati <br />
+	</div>
+	
+	<div id="ornament" name="ornamentForm" >
+	  Choose what jewellery is it : <br />
+	  <input type="radio" name="jewellery" value="Neckless" /> Neckless <br />
+	  <input type="radio" name="jewellery" value="Bangles" /> Bangles <br />
+	  <input type="radio" name="jewellery" value="Ear-ring" /> Ear-ring <br />
+	  <input type="radio" name="jewellery" value="Nose-ring" /> Nose-ring <br />
+	  <input type="radio" name="jewellery" value="Waistlet" /> Waistlet <br />
+	  <input type="radio" name="jewellery" value="Ankalet" /> Ankalet <br />
+	  <br />
+	  Choose what materal of an ornament : <br />
+	  <input type="radio" name="material" value="Gold" /> Gold <br />
+	  <input type="radio" name="material" value="Silver" /> Silver <br />
+	  <input type="radio" name="material" value="Bronze" /> Bronze <br />
+	  <input type="radio" name="material" value="Ruby" /> Ruby <br />
+	  <input type="radio" name="material" value="Diamond" /> Diamond <br />
+	  <input type="radio" name="material" value="Platinum" /> Platinum <br />
+	</div>
       </div>
-      
     </div>
   </body>
 </html>