When clicking a number on mobile camp map, it won't close the info box

diff --git a/campground-map.php b/campground-map.php
index 8c9a2ae..57aca39 100644 (file)
--- a/campground-map.php
+++ b/campground-map.php
@@ -232,7 +232,7 @@ $js_categories = json_encode($categories);
     
     var x, y, site, mouseover, element, site_name_text, image, id, site_loop, site_power, site_tents, site_water, site_sewer,temp,camper_string;
     var campers = new Array();
-    var tool_tip = document.getElementsByClassName('tool-tip');
+    var tool_tip = document.getElementsByClassName('full-content-tool-tip');
     var full_tool_tip = document.getElementsByClassName('full-content-tool-tip');
     var tool_text = document.getElementsByClassName('tool-text');
     var site_name = document.getElementsByClassName('site-name');
@@ -295,11 +295,15 @@ $js_categories = json_encode($categories);
          
         jQuery(this).css("cursor", "pointer");
         jQuery(tool_tip[0]).show(); 
-        jQuery(".tool-text").find(".site-name").html("<strong>" + capitalizeFirstLetter(site_name_text) + "</strong>");
-        jQuery(".tool-tip").find(".site-power").html(" <strong> Power: </strong> " + site_power);
-        jQuery(".tool-tip").find(".site-sewer").html(" <strong>Sewer: </strong> " + site_sewer);
-        jQuery(".tool-tip").find(".site-water").html(" <strong>Water: </strong> " + site_water);
-        jQuery(".tool-tip").find(".site-campers").html(" <strong>Campers: </strong> " + campers);
+        jQuery(tool_tip).find(".full-site-name").html("<strong>" + capitalizeFirstLetter(site_name_text) + "</strong>");
+        if(site_images[site] !== ""){
+            jQuery(tool_tip).find(".site-image").css("background", "url(" + site_images[site] + ")no-repeat center center").css("background-size", "cover");
+        }
+        jQuery(tool_tip).find(".full-site-loop").html("<strong>Loop:</strong> " + site_loop);
+        jQuery(tool_tip).find(".full-site-power").html("<strong>Power:</strong> " + site_power);
+        jQuery(tool_tip).find(".full-site-sewer").html("<strong>Sewer:</strong> " + site_sewer);
+        jQuery(tool_tip).find(".full-site-water").html("<strong>Water:</strong> " + site_water);
+        jQuery(tool_tip).find(".full-site-campers").html("<strong>Campers:</strong> " + campers);
          
             tool_tip[0].style.left = (x - 200) + "px";
             tool_tip[0].style.top = (y + 5) + "px";

diff --git a/mobile-map.php b/mobile-map.php
index 4ce0172..9058559 100644 (file)
--- a/mobile-map.php
+++ b/mobile-map.php
@@ -207,21 +207,6 @@ $js_categories = json_encode($categories);
         jQuery(full_tool_tip).css("display", "none");
     });
     
-    // close pop up div when clicking anywhere but that div
-    jQuery(document).mouseup(function (e)
-{
-        var container = jQuery(".mobile-map-site-details");
-
-        if (!container.is(e.target) // if the target of the click isn't the container...
-            && container.has(e.target).length === 0) // ... nor a descendant of the container
-        {
-            container.slideToggle("slow", function  () {
-
-            });
-        }
-    });
-    
-
     imageMapResize();
         
 </script>