Interactive Map of Costa Rica - CommunityWalk

<div class="basic">
      <div class="heading">
        <h1 id="basic_title_plain_^id^">^title^</h1>
        <h1 id="basic_title_linked_^id^"><a id="basic_title_link_^id^" href='^href^' target='_new'>^title^</a></h1>
        
<div id="basic_photo_container1_^id^" class="photo">
  <a href="javascript:void(0)" id="basic_photo_link_^id^" onclick="this.blur(); if (window.walkApp) {walkApp.unloadingWindow();} walkApp.showLargeViewer('/photos/enlarge/^id^?selected_id=^photo.id^', true); return false;"></a>
  <div class="view_photos" id="basic_photos_^id^"><a href="javascript:void(0)" onclick="this.blur(); if (window.walkApp) {walkApp.unloadingWindow();} walkApp.locations.showInfoWindow(^id^, 'photos'); return false;">View Photos (^photosLength^)</a></div>
</div>
<div id="basic_no_photo_container1_^id^">
</div>
        <div class="info">
          <div class="address">^address^</div>
          <div class="directions_link" id="basic_directions_^id^">
            Directions: 
            <a href="javascript:void(0)" onclick="this.blur(); if (window.walkApp) {walkApp.unloadingWindow();} walkApp.locations.showInfoWindow(^id^, 'directions_from'); return false;">from here</a>
             | 
            <a href="javascript:void(0)" onclick="this.blur(); if (window.walkApp) {walkApp.unloadingWindow();} walkApp.locations.showInfoWindow(^id^, 'directions_to'); return false;">to here</a>
          </div>
        </div>
        <div style="clear: both"></div>
        <div class="description" id="basic_description_^id^">^description^</div>
        
      </div>

<div style='float: right; font-size: 8pt; _margin-bottom: -7px;'></div>
  <div class="footer" style="padding: 0px; clear:both;" id="ads_^id^">
    <div>
      <img alt="Blank" onload="    var ads = U.findClassNamesInElement(this.parentNode, 'box_ads');
    var index = Math.floor(Math.random() * ads.length);
    var ad = ads[index];
    ads[0].style.display = 'none';
    ad.style.display = '';
" src="/images/blank.gif?1323740207" style="display:none;" />
      <div class='box_ads' style="height: 1.5em; text-align:center; background-color: #E3DEFA; padding: 5px 0; _padding-bottom:10px; font-size: 10pt; font-family: times new roman; font-weight: bold;">
        <a style="color:#614F80" href="http://www.weddingmapper.com/" target="_new">Know someone getting married?</a>   <a style="color:#614F80" href="http://www.weddingmapper.com/" target="_new">WeddingMapper.com</a>
      </div>
      <div class='box_ads' style="display: none; height: 1.5em; text-align:center; background-color: #9F9997; padding: 5px 0; _padding-bottom:10px; font-size: 10pt; font-family: times new roman; font-weight: bold;">
        <a style="color:black" href="http://www.secretgoals.com/" target="_new">Achieve your goals.</a>   <a style="color:black" href="http://www.secretgoals.com/" target="_new">Secretly.</a>   <a style="color:black" href="http://www.secretgoals.com/" target="_new">SecretGoals.com</a>
      </div>
      <div class='box_ads' style="display: none; height: 1.5em; text-align:center; background-color: #615646; padding: 5px 0; _padding-bottom:10px; font-size: 10pt; font-family: times new roman; font-weight: bold;">
        <a style="color:black" href="http://www.charitybirthday.com/" target="_new">Donate your birthday to charity.</a>   <a style="color:white" href="http://www.charitybirthday.com/" target="_new">CharityBirthday.com</a>
      </div>
      <div class='box_ads' style="display: none; height: 1.5em; text-align:center; background-color: black; padding: 5px 0; _padding-bottom:10px; font-size: 10pt; font-family: times new roman; font-weight: bold;">
        <a style="color: white" href="http://www.thematchinggame.com/" target="_new">Meet your match.</a>   <a style="color: white;" href="http://www.thematchinggame.com/" target="_new">TheMatchingGame.com</a>
      </div>
    </div>
  </div>

<div class="basic_editmode" style='_margin-bottom:10px;'>
  <div class="footer">

<a class="button" href="javascript:void(0)" onclick="this.blur(); if (window.walkApp) {walkApp.unloadingWindow();} walkApp.locations.showInfoWindow(^id^, 'basicedit'); return false;"><img alt="Button_edit" src="/images/button_edit.gif?1323740207" /></a>
      <a class="button" href="javascript:void(0)" onclick="this.blur(); if (window.walkApp) {walkApp.unloadingWindow();} Photos.addPhotos(^id^, ^groupId^); return false;"><img alt="Button_addphoto" src="/images/button_addphoto.gif?1323740207" /></a>
      <a class="button" href="javascript:void(0)" onclick="this.blur(); if (window.walkApp) {walkApp.unloadingWindow();} walkApp.locations.showInfoWindow(^id^, 'move'); walkApp.moveLocation(^id^); return false;"><img alt="Button_move" src="/images/button_move.gif?1323740207" /></a>
      <a class="button_right" href="javascript:void(0)" onclick="this.blur(); if (window.walkApp) {walkApp.unloadingWindow();}           if (confirm('Are you sure you want to delete this location?')) {
            new Ajax.Request('/groups/ajax_remove_location/^groupId^/^id^', {
              asynchronous:true,
              evalScripts:true,
              onComplete:function(request){walkApp.deleteLocation(^id^); walkApp.refreshApplication();},
              onLoading:function(request){$('walk_box').innerHTML = 'DELETING!'}
            })
          }
; return false;"><img alt="Button_delete" src="/images/button_delete.gif?1323740207" /></a>

</div>
</div>
<div class="basic_viewmode"></div>

</div>

<div id='turn_^id^_regularturn_patheditmode_view' class="turn_basic">
			<span id='turn_^id^_start' style='display:none'>Starting Point</span>
			<span id='turn_^id^_end' style='display:none'>Ending Point</span>

<div id='basic_description'>^description^</div>

<div class='spacer'></div>
			<div>^address^</div>
			<div class='spacer'></div>

<div>
        <a class="button" href="javascript:void(0)" id="turn_^id^_describe_link" onclick="this.blur(); if (window.walkApp) {walkApp.unloadingWindow();} walkApp.paths.selectedPath().points.findById(^id^).showBubble(Point.Turn.EDIT_STYLE); return false;"><img alt="Button_edit" src="/images/button_edit.gif?1323740207" /></a>
        <a class="button" href="javascript:void(0)" id="turn_^id^_move_link" onclick="this.blur(); if (window.walkApp) {walkApp.unloadingWindow();} walkApp.paths.selectedPath().points.findById(^id^).showBubble(Point.Turn.MOVE_STYLE); walkApp.moveLocation(^id^);; return false;"><img alt="Button_move" src="/images/button_move.gif?1323740207" /></a>
        <a class="button" href="javascript:void(0)" id="turn_^id^_promote_link" onclick="this.blur(); if (window.walkApp) {walkApp.unloadingWindow();} walkApp.promoteTurnToLocation(^id^); return false;"><img alt="Button_promote_marker" src="/images/button_promote_marker.gif?1323740207" /></a>
        <a class="button_right" href="javascript:void(0)" id="turn_^id^_delete_link" onclick="this.blur(); if (window.walkApp) {walkApp.unloadingWindow();} if (confirm('Are you sure you want to delete this point?')) {walkApp.paths.selectedPath().detachPointByIndex(^position^)}; return false;"><img alt="Button_delete" src="/images/button_delete.gif?1323740207" /></a>
			</div>
		</div>