redhook.html

<html> 
  <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>TidePools</title>
    <link rel="stylesheet" href="css/leaflet.css" />
    <link rel="stylesheet" href="css/tidepools.css" />
    <link rel="stylesheet" href="css/jquery_ui.css" />
    
        
  </head> 
  <body> 
  
  
	<div id="navframe">
	
	   <div style="width:353; height:5; background-color:#7f275b; position: relative; top:32;"></div>


  		 <div id="mapcontrol" style="width:353; height:51;">
  		 
  		 
  		 	<img src="/images/map_collection.png" style="margin-top:39"/>
  		 
  		 		<div id="newmap" style="width: 67px; position:absolute; height: 31; top:44px; left:217px; cursor:pointer; background-image:url('images/new_map.png'); z-index:1;" 			value='Hide Layer' onclick="unhide('mapform');" ></div>
  		 
  		 	<div id="browsemap" style="width: 67px; position:absolute; height: 31; top:44px; left:287px; cursor:pointer; background-image:url('images/browse_maps.png'); z-index:1;" 			value='Hide Layer' onclick="unhide('mapform');" ></div>
  		 
  		 </div>
  		 
  		 
    	<div id="navtop" class="unhidden" > 
    	
    	</div>
 
	 	<div id="filters" style="width:353; height:134; background-color:#ebe1e3;top: 117;position: relative;">
	 	
		
			<div style="padding: 6px 6px 6px 6px;"> 
			
				<div style="position:relative; display:inline-block; margin-bottom:6px;margin-right: -9; margin-left: -1;"><img src="/images/filter_landmarks.png"/></div>
	  
		    	
			  	<div id="event" class="filter" style="width: 49px; height: 49px; position:relative; display:inline-block; margin-bottom:6px; z-index:1; cursor:pointer;" onclick="reBoundFilter('event'); select('event');">
			  	<img src="/images/filter_event.png" width="49" height="49"/></div>
			  	
			  	<div id="memory" class="filter"  style="width: 49px; height: 49px; position:relative; display:inline-block; margin-bottom:6px; cursor:pointer;" onclick="reBoundFilter('memory'); select('memory');">
			    <img src="/images/filter_memory.png" width="49" height="49"	/></div>
			    
			    	<div id="alert" class="filter"  style="width: 49px; height: 49px; position:relative; display:inline-block; margin-bottom:6px; cursor:pointer;" onclick="reBoundFilter('alert'); select('alert');">
			  	<img src="/images/filter_alert.png" width="49" height="49"/></div>
			  	
			  	
			    <div id="fixthis" class="filter"  style="width: 49px; height: 49px; position:relative; display:inline-block; margin-bottom:6px; cursor:pointer;" onclick="reBoundFilter('fixthis'); select('fixthis');">
			    <img src="/images/filter_fixthis.png" width="49" height="49"/></div>

			    
			    <div id="freewifi" class="filter"  style="width: 49px; height: 49px; position:relative; display:inline-block; margin-bottom:6px; cursor:pointer;" onclick="reBoundFilter('wifi'); select('freewifi');">
			    <img src="/images/filter_wifi.png" width="49" height="49"/></div>
		
				<div id="friend" class="filter"  style="width: 49px; height: 49px; position:relative; display:inline-block; margin-bottom:6px; cursor:pointer;" onclick="reBoundFilter('friend'); select('friend');">
			    <img src="/images/filter_friend.png" width="49" height="49"/></div>
		
			  	
			  	<div id="group" class="filter"  style="width: 49px; height: 49px; position:relative; display:inline-block; margin-bottom:6px; cursor:pointer; " onclick="reBoundFilter('group'); select('group');">
			  	<img src="/images/filter_group.png" width="49" height="49"/></div>
			  	
			    	
			    <div id="food" class="filter"  style="width: 49px; height: 49px; position:relative; display:inline-block; margin-bottom:6px; cursor:pointer;" onclick="reBoundFilter('food'); select('food');">
			  	<img src="/images/filter_food.png" width="49" height="49"/></div>
			  	
			  	<div id="coupons" class="filter"  style="width: 49px; height: 49px; position:relative; display:inline-block; margin-bottom:6px; cursor:pointer; " onclick="reBoundFilter('coupons'); select('coupons');">
			  	<img src="/images/filter_coupons.png" width="49" height="49"/></div>
			  	
			  	
			  	<div id="jobs" class="filter"  style="width: 49px; height: 49px; position:relative; display:inline-block; margin-bottom:6px; cursor:pointer; " onclick="reBoundFilter('jobs'); select('jobs');">
			  	<img src="/images/filter_jobs.png" width="49" height="49"/></div>
			  	
			  	
			  	<div id="somethingelse" class="filter"  style="width: 49px; height: 49px; 	position:relative; display:inline-block; margin-bottom:6px; cursor:pointer;" onclick="reBoundFilter('somethingelse'); select('somethingelse');">
			  	<img src="/images/filter_other.png" width="49" height="49"/></div>
	  
			</div> 
			 
		
		 </div>
		 
		 <div style="width:353; height:5; background-color:#7f275b; top: 117; position: relative;"></div>
		 
		
		 <div id="LandmarksFeed" style="width:89px; height:19px; background-color:#8bc3c5; position: relative; display:inline-block; top:115; text-align: center; cursor:pointer;" onclick="changeFeed('landmarks');" ><p3>Landmarks</p3></div>
	
		 <div id="EventsFeed" style="width:89px; height:19px; background-color:#ebe1e3; position: relative; display:inline-block; top:115; margin-left:-1; text-align: center; cursor:pointer;" onclick="changeFeed('comments');" ><p3>Chat Feed</p3></div>


   			<div id="nav">

   			</div>
   			 

    </div>
    

    <div id="landmarkfeed" class="hidden">
    </div>
    

	<div id="mapform" class="hidden" style="background-color:#f2edea">
    
    
				<div id="formfont" style="padding-left:12; padding-right:12;">
		
				<form id="newMap" action="/php/record_map.php" method="post" onsubmit="this.mapsubmit(); ">
				
					
				<div id="backbutton" style="position: relative; width:73px; background-image:url(/images/back.png); height:30px; top:7;" onclick="unhide('mapform')" ></div>

				</br>
					
					<p5>Create a New Map</p5></br>
					<p><i>Note: All maps aggregate unless specified</i></p>
					
					<img src="/images/icon_map.png" /></br>
				
					<p>Map Name </br><input type="text" id="mapname" name="mapname" maxlength="50"/></br>
				
					Theme/Description </br></br> <textarea name="mapdescrip" id="mapdescrip" maxlength="300"></textarea></br>
					
					<input type="button" id="mapsubmit" value="Save" onsubmit="this.mapsubmit(); return false;" /></br></br>
					
					<p5>Map Options</p5></br></br>
					
					Free for All <input type="checkbox" name="openedit" value="Yes" /> </br>
					
					Private/Hidden <input type="checkbox" name="hidden" value="Yes" /> </br>
										
					Scavenger Hunt <input type="checkbox" name="scavenger" value="Yes" /> </br></p>


					<input type="hidden" id="admin" name="admin" value="0" />

				
				</form>
				
				</div>
								
    </div>
     

  <div id="landmarkmenu" style="width: 170px; height: 337px; position:fixed; background-color:#e6e4ea; border-style:solid; border-color:#444d51; border:1px top:101px; left:398px; z-index:1; margin-top: 80px;" class="unhidden">


 	<div style="padding: 6px 6px 6px 6px;"> 
  

	  	<div id="event" class="landmark" style="width: 75px; height: 75px; position:relative; display:inline-block; margin-bottom:6px; z-index:1; cursor:move;" onclick="change('event');" >
	  	<img src="/images/icon_event.png" width="70" height="70"/></div>
	  	
	  	<div id="memory" class="landmark" style="width: 75px; height: 75px;  position:relative; display:inline-block; margin-bottom:6px; cursor:move;" onclick="change('memory');">
	    <img src="/images/icon_memory.png" width="70" height="70"/></div>

		<div id="friend" class="landmark" style="width: 75px; height: 75px; position:relative; display:inline-block; margin-bottom:6px; cursor:move;" onclick="change('friend');">
	    <img src="/images/icon_friend.png" width="70" height="70"/></div>

	  	
	  	<div id="group" class="landmark" style="width: 75px; height: 75px; position:relative; display:inline-block; margin-bottom:6px; cursor:move; " onclick="change('group');">
	  	<img src="/images/icon_group.png" width="70" height="70"/></div>
	  	
	  		<div id="alert" class="landmark" style="width: 75px; height: 75px;position:relative; display:inline-block; margin-bottom:6px; cursor:move;" onclick="change('alert');">
	  	<img src="/images/icon_alert.png" width="70" height="70"/></div>
	  	
	  
	    <div id="fixthis" class="landmark" style="width: 75px; height: 75px; position:relative; display:inline-block; margin-bottom:6px; cursor:move;" onclick="change('fixthis');">
	    <img src="/images/icon_fixthis.png" width="70" height="70"/></div>
	    
	    	
	    <div id="food" class="landmark" style="width: 75px; height: 75px; position:relative; display:inline-block; margin-bottom:6px; cursor:move;" onclick="change('food');">
	  	<img src="/images/icon_food.png" width="70" height="70"/></div>
	  	
	  
	  	<div id="somethingelse" class="landmark" style="width: 75px; height: 75px; 	position:relative; display:inline-block; margin-bottom:6px; cursor:move;" onclick="change('somethingelse');">
	  	<img src="/images/icon_somethingelse.png" width="70" height="70"/></div>
  
	</div> 
  
  </div>

    
  <div id="map" style="z-index:0;" onmousedown="" ></div>
  

  <div id="addlandmark" style="width: 140px; background-repeat: no-repeat; position:absolute; height: 42; top:50px; left:397px; background-image:url('images/landmarkbutton.png'); z-index:1;" value='Hide Layer' onclick="unhide('landmarkmenu');" class="target"></div>

   
  <div id="trashlandmark" style="width: 171px; height: 337px; position:fixed; background-color:#2d3c4b; border-style:solid; top:90px; left:398px; z-index:1; opacity:0.7;" class="hidden"> <img src="/images/trash.png" />   </div>

 
  <div id="topbar" style="background-image:url('images/explore_top.png'); z-index:2; background-repeat: no-repeat; background-color:#000; position:absolute; width: 100%; height:40px; top:0; margin-left:-8;">
  
  <div id="secretbutton" style="z-index:2; background-color:#000; position:absolute; width: 15px; height:40px; top:0; margin-left:-8; cursor:pointer;" onclick="secretLandmark()">
  
  
  <div id="loadingDiv" style="background-image:url('images/loading.gif'); position:absolute;"></div>
  	

  <script src="js/leaflet.js"></script>
  <script src="js/jquery.js"></script>
  <script src="js/tidepools.js"></script>
  <script src="js/tidepools_dragdrop.js"></script>
  <script src="js/jquery_ui.js"></script>
  <script src="js/jquery_ui_timepicker.js"></script>
  <script src="js/tidepools2.js"></script>

     
  </body> 
</html> 