projects / WP-Themes / petoskeyarea.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: fc7752c)
changing ids for the svg components in the community map
authorAnthony Talarico <talarico@gaslightmedia.com>
Tue, 23 Aug 2016 18:10:18 +0000 (14:10 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Tue, 23 Aug 2016 18:10:18 +0000 (14:10 -0400)
front-page.php patch | blob | history
functions.php patch | blob | history
parts/community-map-svg.php patch | blob | history

diff --git a/front-page.php b/front-page.php
index 22c31b1..610edac 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -29,7 +29,7 @@
             <div class="row">
                 <div class="small-12 medium-6 text-center columns">
                     <h1>Navigate the Area</h1>
-                    
+
 <!--
                     <map id="community-map" name="community-map">
                         <area shape="poly" coords="135,152,126,136,130,126,138,122,148,124,153,128,155,133,155,141,155,144,158,150,160,152,163,155,165,159,159,161,158,184,149,173,143,171,138,167,135,167,128,167,124,157,134,154" data-id="273" alt="petoskey" nohref="nohref" onclick="get_id(this);"/>
@@ -49,10 +49,12 @@
                         </map>
                         <img src="<?php echo get_template_directory_uri();?>/assets/map-fpo.png" usemap="#community-map">
 -->
-               <?php get_template_part("parts/community-map-svg"); ?>
+
+                <?php hm_get_template_part( 'parts/community-map-svg', [ 'community_map_caller' => 'front' ] ); ?>
+
                 </div>
-                
-                <?php 
+
+                <?php
 //                    $json = file_get_contents("https://api.hubapi.com/content/api/v2/blog-posts?hapikey=demo");
 //                    $data = json_decode($json, TRUE);
 //                    print_r($data);
diff --git a/functions.php b/functions.php
index 667e1de..f572c8a 100644 (file)
--- a/functions.php
+++ b/functions.php
@@ -110,15 +110,15 @@ function glm_site_scripts()
         true
     );
      wp_enqueue_script('jquery-ui-datepicker');
-    
+
     wp_enqueue_style('jquery-style', '//ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css');
-    
+
     wp_enqueue_script('slick_script', get_template_directory_uri() . '/slick/slick/slick.min.js', array('jquery'), null, false);
-    
+
     wp_enqueue_style('slick-style', get_template_directory_uri() . '/slick/slick/slick.css');
-    
+
     wp_enqueue_style('slick-theme', get_template_directory_uri() . '/slick/slick/slick-theme.css');
-    
+
     wp_enqueue_script('imageResize', get_template_directory_uri() . '/js/imageMapResizer.min.js');
 }
 
@@ -269,4 +269,49 @@ function is_post_type($type){
 
 add_action('thematic_searchloop', 'mytheme_search_loop');
 // End of the Contextual/Highlight Search functions
+
+/**
+ * Like get_template_part() put lets you pass args to the template file
+ * Args are available in the tempalte as $template_args array
+ * @param string filepart
+ * @param mixed wp_args style argument list
+ */
+function hm_get_template_part( $file, $template_args = array(), $cache_args = array() ) {
+    $template_args = wp_parse_args( $template_args );
+    $cache_args = wp_parse_args( $cache_args );
+    if ( $cache_args ) {
+        foreach ( $template_args as $key => $value ) {
+            if ( is_scalar( $value ) || is_array( $value ) ) {
+                $cache_args[$key] = $value;
+            } else if ( is_object( $value ) && method_exists( $value, 'get_id' ) ) {
+                $cache_args[$key] = call_user_method( 'get_id', $value );
+            }
+        }
+        if ( ( $cache = wp_cache_get( $file, serialize( $cache_args ) ) ) !== false ) {
+            if ( ! empty( $template_args['return'] ) )
+                return $cache;
+            echo $cache;
+            return;
+        }
+    }
+    $file_handle = $file;
+    do_action( 'start_operation', 'hm_template_part::' . $file_handle );
+    if ( file_exists( get_stylesheet_directory() . '/' . $file . '.php' ) )
+        $file = get_stylesheet_directory() . '/' . $file . '.php';
+    elseif ( file_exists( get_template_directory() . '/' . $file . '.php' ) )
+        $file = get_template_directory() . '/' . $file . '.php';
+    ob_start();
+    $return = require( $file );
+    $data = ob_get_clean();
+    do_action( 'end_operation', 'hm_template_part::' . $file_handle );
+    if ( $cache_args ) {
+        wp_cache_set( $file, $data, serialize( $cache_args ), 3600 );
+    }
+    if ( ! empty( $template_args['return'] ) )
+        if ( $return === false )
+            return false;
+        else
+            return $data;
+    echo $data;
+}
 ?>
diff --git a/parts/community-map-svg.php b/parts/community-map-svg.php
index 9ea6b8e..b391a9b 100644 (file)
--- a/parts/community-map-svg.php
+++ b/parts/community-map-svg.php
@@ -1,22 +1,27 @@
-           <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+<?php
+
+    $suffix = $template_args['community_map_caller'];
+
+?>
+  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
         viewBox="0 0 376.64 376.64" enable-background="new 0 0 376.64 376.64" xml:space="preserve">
 <g>
        <defs>
-               <rect id="SVGID_1_" width="376.64" height="376.64"/>
+               <rect id="SVGID_1_<?php echo $suffix; ?>"  width="376.64" height="376.64"/>
        </defs>
-       <clipPath id="SVGID_2_">
-               <use xlink:href="#SVGID_1_"  overflow="visible"/>
+       <clipPath id="SVGID_2_<?php echo $suffix; ?>">
+               <use xlink:href="#SVGID_1_<?php echo $suffix; ?>"  overflow="visible"/>
        </clipPath>
-       <g clip-path="url(#SVGID_2_)">
+       <g clip-path="url(#SVGID_2_<?php echo $suffix; ?>)">
                <defs>
-                       <path id="SVGID_3_" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
+                       <path id="SVGID_3_<?php echo $suffix; ?>" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
                                S4,86.523,4,188.32"/>
                </defs>
-               <clipPath id="SVGID_4_">
-                       <use xlink:href="#SVGID_3_"  overflow="visible"/>
+               <clipPath id="SVGID_4_<?php echo $suffix; ?>">
+                       <use xlink:href="#SVGID_3_<?php echo $suffix; ?>"  overflow="visible"/>
                </clipPath>
-               <rect x="-122.834" y="-59.84" clip-path="url(#SVGID_4_)" fill="#9EC1FF" width="494.925" height="434.742"/>
-               <path clip-path="url(#SVGID_4_)" fill="#F0EDE5" d="M31.163-49.015C30.88-27.97,32.989-6.582,40.751,12.982
+               <rect x="-122.834" y="-59.84" clip-path="url(#SVGID_4_<?php echo $suffix; ?>)" fill="#9EC1FF" width="494.925" height="434.742"/>
+               <path clip-path="url(#SVGID_4_<?php echo $suffix; ?>)" fill="#F0EDE5" d="M31.163-49.015C30.88-27.97,32.989-6.582,40.751,12.982
                        c2.322,5.853,5.156,11.575,6.327,17.762c1.115,5.888,0.889,12.537,4.852,17.033c1.609,1.824,3.763,3.083,5.481,4.803
                        c5.133,5.141,6.166,11.692,11.01,17.104c3.947,4.411,9.874,8.233,12.815,13.369c0.892,1.559,1.427,3.365,2.684,4.647
                        c1.307,1.333,3.19,1.894,4.991,2.381c4.947,1.339,9.941,2.504,14.969,3.493c1.667,0.328,3.444,0.689,4.654,1.881
@@ -40,43 +45,43 @@
                        c-3.464,5.221-6.928,10.443-10.393,15.664c-0.633,0.955-1.31,1.949-2.328,2.471c-1.106,0.567-2.415,0.48-3.657,0.506
                        c-5.015,0.107-9.946,2.392-13.268,6.15l-5.743,154.914l537.334,1.582l-4.749-446.327L32.597-63.212L31.163-49.015z"/>
        </g>
-       <g clip-path="url(#SVGID_2_)">
+       <g clip-path="url(#SVGID_2_<?php echo $suffix; ?>)">
                <defs>
-                       <path id="SVGID_5_" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
+                       <path id="SVGID_5_<?php echo $suffix; ?>" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
                                S4,86.523,4,188.32"/>
                </defs>
-               <clipPath id="SVGID_6_">
-                       <use xlink:href="#SVGID_5_"  overflow="visible"/>
+               <clipPath id="SVGID_6_<?php echo $suffix; ?>">
+                       <use xlink:href="#SVGID_5_<?php echo $suffix; ?>"  overflow="visible"/>
                </clipPath>
-               <g opacity="0.5" clip-path="url(#SVGID_6_)">
+               <g opacity="0.5" clip-path="url(#SVGID_6_<?php echo $suffix; ?>)">
                        <g>
                                <defs>
-                                       <rect id="SVGID_7_" x="160.883" y="261.336" width="7.254" height="8.046"/>
+                                       <rect id="SVGID_7_<?php echo $suffix; ?>" x="160.883" y="261.336" width="7.254" height="8.046"/>
                                </defs>
-                               <clipPath id="SVGID_8_">
-                                       <use xlink:href="#SVGID_7_"  overflow="visible"/>
+                               <clipPath id="SVGID_8_<?php echo $suffix; ?>">
+                                       <use xlink:href="#SVGID_7_<?php echo $suffix; ?>"  overflow="visible"/>
                                </clipPath>
-                               <g clip-path="url(#SVGID_8_)">
+                               <g clip-path="url(#SVGID_8_<?php echo $suffix; ?>)">
                                        <defs>
-                                               <rect id="SVGID_9_" x="160.883" y="261.336" width="7.255" height="8.046"/>
+                                               <rect id="SVGID_9_<?php echo $suffix; ?>" x="160.883" y="261.336" width="7.255" height="8.046"/>
                                        </defs>
-                                       <clipPath id="SVGID_10_">
-                                               <use xlink:href="#SVGID_9_"  overflow="visible"/>
+                                       <clipPath id="SVGID_10_<?php echo $suffix; ?>">
+                                               <use xlink:href="#SVGID_9_<?php echo $suffix; ?>"  overflow="visible"/>
                                        </clipPath>
-                                       <rect class="walloon-lake region-hover content-shape" data-id="981" id="walloon-lake-shape" x="160.882" y="261.336" clip-path="url(#SVGID_10_)" fill="#AC9ACA" width="7.255" height="8.046"/>
+                                       <rect class="walloon-lake region-hover content-shape" data-id="981" id="walloon-lake-shape" x="160.882" y="261.336" clip-path="url(SVGID_10_<?php echo $suffix; ?>)" fill="#AC9ACA" width="7.255" height="8.046"/>
                                </g>
                        </g>
                </g>
        </g>
-       <g clip-path="url(#SVGID_2_)">
+       <g clip-path="url(#SVGID_2_<?php echo $suffix; ?>)">
                <defs>
-                       <path id="SVGID_11_" d="M4,188.32c0,88.724,62.685,162.807,146.185,180.371c104.511-12.533,185.524-101.499,185.524-209.387
+                       <path id="SVGID_11_<?php echo $suffix; ?>" d="M4,188.32c0,88.724,62.685,162.807,146.185,180.371c104.511-12.533,185.524-101.499,185.524-209.387
                                c0-43.635-13.249-84.171-35.949-117.812C268.81,17.965,230.197,4,188.32,4C86.523,4,4,86.523,4,188.32"/>
                </defs>
-               <clipPath id="SVGID_12_">
-                       <use xlink:href="#SVGID_11_"  overflow="visible"/>
+               <clipPath id="SVGID_12_<?php echo $suffix; ?>">
+                       <use xlink:href="SVGID_11_<?php echo $suffix; ?>"  overflow="visible"/>
                </clipPath>
-               <path clip-path="url(#SVGID_12_)" fill="#9EC1FF" d="M-34.863,213.73c-0.96,0.262-1.946-0.482-2.377-1.378
+               <path clip-path="url(SVGID_12_<?php echo $suffix; ?>)" fill="#9EC1FF" d="M-34.863,213.73c-0.96,0.262-1.946-0.482-2.377-1.378
                        c-0.431-0.897-0.476-1.922-0.664-2.899c-0.661-3.44-3.326-6.417-6.671-7.455c-3.346-1.037-7.228-0.09-9.72,2.371
                        c-2.483,2.454-4.322,6.566-7.808,6.361c-2.8-0.165-5.075-3.33-7.798-2.657c-0.534,2.143,2.138,3.651,4.332,3.892
                        c2.195,0.241,4.845,0.272,5.985,2.163c0.725,1.204,0.514,2.729,0.279,4.115c-0.726,4.275-1.453,8.674-0.543,12.914
@@ -115,7 +120,7 @@
                        c-0.011-0.973-0.28-2.099-1.167-2.5c-0.437-0.198-0.978-0.19-1.328-0.519c-0.323-0.304-0.371-0.791-0.399-1.233
                        c-0.198-3.108-0.396-6.216-0.594-9.324c-2.22,0.24-3.189,2.939-3.321,5.168c-0.133,2.23-0.065,4.801-1.756,6.26L-34.863,213.73z"
                        />
-               <path clip-path="url(#SVGID_12_)" fill="#9EC1FF" d="M77.14,178.936c-1.565,1.873-0.28,4.739,1.34,6.566
+               <path clip-path="url(SVGID_12_<?php echo $suffix; ?>)" fill="#9EC1FF" d="M77.14,178.936c-1.565,1.873-0.28,4.739,1.34,6.566
                        c1.618,1.827,3.685,3.691,3.645,6.131c-0.028,1.734-1.158,3.5-0.489,5.1c0.637,1.524,2.622,2.09,3.365,3.566
                        c0.392,0.78,0.373,1.693,0.376,2.565c0.011,4.251,0.877,8.808,3.923,11.772c1.327,1.292,3.011,2.22,4.142,3.686
                        c2.111,2.737,1.791,6.567,1.369,9.997c0.866,0.079,1.731,0.159,2.597,0.238c1.635,2.057,3.354,4.049,5.151,5.966
@@ -136,11 +141,11 @@
                        c3.517-1.273,4.609-5.918,3.659-9.536c-0.951-3.618-3.303-6.696-4.713-10.161c-1.388-3.411-2.366-7.744-5.869-8.879
                        c-0.824-0.267-1.739-0.321-2.461-0.801c-1.218-0.81-1.431-2.466-1.762-3.891c-2.086-8.98-12.38-13.946-15.311-22.688
                        L77.14,178.936z"/>
-               <path clip-path="url(#SVGID_12_)" fill="#9EC1FF" d="M188.86,113.743c-0.109,3.206-0.217,6.422,0.072,9.618
+               <path clip-path="url(SVGID_12_<?php echo $suffix; ?>)" fill="#9EC1FF" d="M188.86,113.743c-0.109,3.206-0.217,6.422,0.072,9.618
                        c0.132,1.454,0.345,2.901,0.64,4.332c1.441-1.498,4.117-1.153,5.552-2.657c0.9-0.944,1.094-2.419,2.049-3.309
                        c0.979-0.913,2.462-0.955,3.802-0.935c0.215,0.003,0.451,0,0.618-0.137c0.208-0.172,0.225-0.48,0.225-0.75v-2.513
                        c0-0.234-0.002-0.48-0.111-0.688c-0.089-0.169-0.24-0.296-0.39-0.415c-2.711-2.164-6.234-3.282-9.697-3.078L188.86,113.743z"/>
-               <path clip-path="url(#SVGID_12_)" fill="#9EC1FF" d="M214.885,104.957c-0.512,2.553-1.025,5.105-1.538,7.658
+               <path clip-path="url(SVGID_12_<?php echo $suffix; ?>)" fill="#9EC1FF" d="M214.885,104.957c-0.512,2.553-1.025,5.105-1.538,7.658
                        c3.07,0.541,6.352-0.26,8.827-2.156c1.576,1.514,3.171,3.053,4.289,4.93c1.117,1.877,1.718,4.168,1.138,6.275
                        c1.264,0.294,2.528,0.588,3.792,0.882c0.357,0.083,0.736,0.178,0.988,0.443c0.445,0.468,0.305,1.214,0.362,1.857
                        c0.256,2.884,4.397,3.571,5.861,6.067c1.187-0.556,2.373-1.112,3.56-1.667c1.745,2.245,3.49,4.491,5.234,6.736
@@ -161,7 +166,7 @@
                        c-8.07-1.198-16.139-2.396-24.209-3.594c-1.328-0.197-2.737-0.385-3.973,0.142c-0.95,0.404-1.872,1.231-2.868,0.954
                        c-0.697-0.195-1.151-0.887-1.822-1.158c-0.577-0.233-1.229-0.124-1.839-0.004c-1.88,0.371-3.744,0.821-5.585,1.351
                        L214.885,104.957z"/>
-               <path clip-path="url(#SVGID_12_)" fill="#9EC1FF" d="M311.71,49.039c0.344,0.405,0.69,0.809,1.034,1.214
+               <path clip-path="url(SVGID_12_<?php echo $suffix; ?>)" fill="#9EC1FF" d="M311.71,49.039c0.344,0.405,0.69,0.809,1.034,1.214
                        c-0.664,1.145-1.327,2.29-1.991,3.435c-1.37-1.452-4.211-0.899-4.935,0.962c1.075-0.318,2.227-0.636,3.299-0.305
                        c1.071,0.329,1.926,1.597,1.403,2.589c1.238-0.261,2.476-0.521,3.713-0.782l-1.475,5.005c-0.17,0.579-0.342,1.192-0.194,1.776
                        c0.154,0.608,0.625,1.076,1.076,1.511c1.097,1.057,2.234,2.14,3.656,2.684c1.422,0.544,3.217,0.412,4.233-0.722
@@ -188,63 +193,63 @@
                        c0.835,0.985,2.197,1.615,2.527,2.862c0.477,1.804-1.525,3.254-3.295,3.843c-2.214,0.738-5.156,0.835-6.357-1.166L311.71,49.039z"
                        />
        </g>
-       <g clip-path="url(#SVGID_2_)">
+       <g clip-path="url(#SVGID_2_<?php echo $suffix; ?>)">
                <defs>
-                       <path id="SVGID_13_" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
+                       <path id="SVGID_13_<?php echo $suffix; ?>" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
                                S4,86.523,4,188.32"/>
                </defs>
-               <clipPath id="SVGID_14_">
-                       <use xlink:href="#SVGID_13_"  overflow="visible"/>
+               <clipPath id="SVGID_14_<?php echo $suffix; ?>">
+                       <use xlink:href="SVGID_13_<?php echo $suffix; ?>"  overflow="visible"/>
                </clipPath>
-               <g opacity="0.5" clip-path="url(#SVGID_14_)">
+               <g opacity="0.5" clip-path="url(SVGID_14_<?php echo $suffix; ?>)">
                        <g>
                                <defs>
-                                       <rect id="SVGID_15_" x="126.853" y="142.098" width="39.57" height="40.098"/>
+                                       <rect id="SVGID_15_<?php echo $suffix; ?>" x="126.853" y="142.098" width="39.57" height="40.098"/>
                                </defs>
-                               <clipPath id="SVGID_16_">
-                                       <use xlink:href="#SVGID_15_"  overflow="visible"/>
+                               <clipPath id="SVGID_16_<?php echo $suffix; ?>">
+                                       <use xlink:href="SVGID_15_<?php echo $suffix; ?>"  overflow="visible"/>
                                </clipPath>
-                               <g clip-path="url(#SVGID_16_)">
+                               <g clip-path="url(SVGID_16_<?php echo $suffix; ?>)">
                                        <defs>
-                                               <rect id="SVGID_17_" x="126.853" y="142.098" width="39.57" height="40.098"/>
+                                               <rect id="SVGID_17_<?php echo $suffix; ?>" x="126.853" y="142.098" width="39.57" height="40.098"/>
                                        </defs>
-                                       <clipPath id="SVGID_18_">
-                                               <use xlink:href="#SVGID_17_"  overflow="visible"/>
+                                       <clipPath id="SVGID_18_<?php echo $suffix; ?>">
+                                               <use xlink:href="SVGID_17_<?php echo $suffix; ?>"  overflow="visible"/>
                                        </clipPath>
-                                       <polyline data-id="273" class="petoskey region-hover content-shape" id="petoskey-shape" clip-path="url(#SVGID_18_)" fill="#00A672" points="157.189,142.098 153.76,144.868 150.462,146.055 
-                                               148.747,148.034 146.769,149.353 145.846,149.353 145.054,150.144 143.735,150.144 142.812,149.748 140.042,150.54 
-                                               133.975,152.65 131.996,154.101 130.15,154.76 126.984,157.398 126.852,163.993 133.843,164.125 133.975,167.291 
-                                               140.833,167.291 140.965,170.984 147.692,171.116 152.309,177.975 155.87,181.272 158.904,182.196 159.168,159.905 
-                                               166.422,160.168 166.422,154.629 162.993,154.76 162.465,152.782 159.695,154.101 159.036,144.34 158.772,143.681 
+                                       <polyline data-id="273" class="petoskey region-hover content-shape" id="petoskey-shape" clip-path="url(SVGID_18_<?php echo $suffix; ?>)" fill="#00A672" points="157.189,142.098 153.76,144.868 150.462,146.055
+                                               148.747,148.034 146.769,149.353 145.846,149.353 145.054,150.144 143.735,150.144 142.812,149.748 140.042,150.54
+                                               133.975,152.65 131.996,154.101 130.15,154.76 126.984,157.398 126.852,163.993 133.843,164.125 133.975,167.291
+                                               140.833,167.291 140.965,170.984 147.692,171.116 152.309,177.975 155.87,181.272 158.904,182.196 159.168,159.905
+                                               166.422,160.168 166.422,154.629 162.993,154.76 162.465,152.782 159.695,154.101 159.036,144.34 158.772,143.681
                                                158.376,142.23                                  "/>
                                </g>
                        </g>
                </g>
        </g>
-       <g clip-path="url(#SVGID_2_)">
+       <g clip-path="url(#SVGID_2_<?php echo $suffix; ?>)">
                <defs>
-                       <path id="SVGID_19_" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
+                       <path id="SVGID_19_<?php echo $suffix; ?>" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
                                S4,86.523,4,188.32"/>
                </defs>
-               <clipPath id="SVGID_20_">
-                       <use xlink:href="#SVGID_19_"  overflow="visible"/>
+               <clipPath id="SVGID_20_<?php echo $suffix; ?>">
+                       <use xlink:href="SVGID_19_<?php echo $suffix; ?>"  overflow="visible"/>
                </clipPath>
-               <g opacity="0.5" clip-path="url(#SVGID_20_)">
+               <g opacity="0.5" clip-path="url(SVGID_20_<?php echo $suffix; ?>)">
                        <g>
                                <defs>
-                                       <rect id="SVGID_21_" x="47.844" y="155.684" width="69.38" height="15.036"/>
+                                       <rect id="SVGID_21_<?php echo $suffix; ?>" x="47.844" y="155.684" width="69.38" height="15.036"/>
                                </defs>
-                               <clipPath id="SVGID_22_">
-                                       <use xlink:href="#SVGID_21_"  overflow="visible"/>
+                               <clipPath id="SVGID_22_<?php echo $suffix; ?>">
+                                       <use xlink:href="SVGID_21_<?php echo $suffix; ?>"  overflow="visible"/>
                                </clipPath>
-                               <g clip-path="url(#SVGID_22_)">
+                               <g clip-path="url(SVGID_22_<?php echo $suffix; ?>)">
                                        <defs>
-                                               <rect id="SVGID_23_" x="47.844" y="155.683" width="69.379" height="15.037"/>
+                                               <rect id="SVGID_23_<?php echo $suffix; ?>" x="47.844" y="155.683" width="69.379" height="15.037"/>
                                        </defs>
-                                       <clipPath id="SVGID_24_">
-                                               <use xlink:href="#SVGID_23_"  overflow="visible"/>
+                                       <clipPath id="SVGID_24_<?php echo $suffix; ?>">
+                                               <use xlink:href="SVGID_23_<?php echo $suffix; ?>"  overflow="visible"/>
                                        </clipPath>
-                                       <path data-id="276" class="bay-harbor region-hover content-shape" id="bay-harbor-shape" clip-path="url(#SVGID_24_)" fill="#00A9A8" d="M116.432,159.641l0.791-3.297l-0.923-0.264l-1.187,0.395h-1.715
+                                       <path data-id="276" class="bay-harbor region-hover content-shape" id="bay-harbor-shape" clip-path="url(SVGID_24_<?php echo $suffix; ?>)" fill="#00A9A8" d="M116.432,159.641l0.791-3.297l-0.923-0.264l-1.187,0.395h-1.715
                                                l-3.561,0.264l-1.187-1.055l-0.923,0.132l-1.319,1.055l-6.727,1.451l-5.408,3.166l6.199-1.056l0.132,1.451l-1.055,1.583
                                                l-3.562,1.451l-4.352,1.187l0.791-2.506l-4.88,1.451h-3.034l-4.353-1.979l-3.561-1.055h-2.902l-1.451,0.396l-1.187-0.66
                                                l-3.297-0.527l-9.629,0.132l-1.846-0.264l-3.562-0.264l-1.319-0.527l-3.297,0.131l-0.264,6.991l38.383,0.923l0.132,2.375
@@ -255,30 +260,30 @@
                        </g>
                </g>
        </g>
-       <g clip-path="url(#SVGID_2_)">
+       <g clip-path="url(#SVGID_2_<?php echo $suffix; ?>)">
                <defs>
-                       <path id="SVGID_25_" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
+                       <path id="SVGID_25_<?php echo $suffix; ?>" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
                                S4,86.523,4,188.32"/>
                </defs>
-               <clipPath id="SVGID_26_">
-                       <use xlink:href="#SVGID_25_"  overflow="visible"/>
+               <clipPath id="SVGID_26_<?php echo $suffix; ?>">
+                       <use xlink:href="SVGID_25_<?php echo $suffix; ?>"  overflow="visible"/>
                </clipPath>
-               <g opacity="0.5" clip-path="url(#SVGID_26_)">
+               <g opacity="0.5" clip-path="url(SVGID_26_<?php echo $suffix; ?>)">
                        <g>
                                <defs>
-                                       <rect id="SVGID_27_" x="109.486" y="82.259" width="31.48" height="20.401"/>
+                                       <rect id="SVGID_27_<?php echo $suffix; ?>" x="109.486" y="82.259" width="31.48" height="20.401"/>
                                </defs>
-                               <clipPath id="SVGID_28_">
-                                       <use xlink:href="#SVGID_27_"  overflow="visible"/>
+                               <clipPath id="SVGID_28_<?php echo $suffix; ?>">
+                                       <use xlink:href="SVGID_27_<?php echo $suffix; ?>"  overflow="visible"/>
                                </clipPath>
-                               <g clip-path="url(#SVGID_28_)">
+                               <g clip-path="url(SVGID_28_<?php echo $suffix; ?>)">
                                        <defs>
-                                               <rect id="SVGID_29_" x="109.486" y="82.259" width="31.48" height="20.401"/>
+                                               <rect id="SVGID_29_<?php echo $suffix; ?>" x="109.486" y="82.259" width="31.48" height="20.401"/>
                                        </defs>
-                                       <clipPath id="SVGID_30_">
-                                               <use xlink:href="#SVGID_29_"  overflow="visible"/>
+                                       <clipPath id="SVGID_30_<?php echo $suffix; ?>">
+                                               <use xlink:href="SVGID_29_<?php echo $suffix; ?>"  overflow="visible"/>
                                        </clipPath>
-                                       <path data-id="274" class="harbor-springs region-hover content-shape" id="harbor-springs-shape" clip-path="url(#SVGID_30_)" fill="#00A6E3" d="M121.796,102.66l0.967-1.758l0.528-0.44v-2.638l0.527,0.088l0.177-0.704
+                                       <path data-id="274" class="harbor-springs region-hover content-shape" id="harbor-springs-shape" clip-path="url(SVGID_30_<?php echo $suffix; ?>)" fill="#00A6E3" d="M121.796,102.66l0.967-1.758l0.528-0.44v-2.638l0.527,0.088l0.177-0.704
                                                l1.846-0.088l1.143-0.967l3.342-0.088l0.879-0.703l0.879,0.439l0.352,0.792l1.231,0.088l3.077,1.583l0.352-0.968l0.44-0.176
                                                l0.044-1.055h1.187v-1.407h2.198v-0.967l-2.638,0.044l-0.791-0.66v-2.857h-2.989l0.043-4.134h-5.539l0.043-3.825h-1.934v3.87
                                                l-3.606,0.044l-0.263-0.484h-1.143l-0.264,0.484h-1.803l-0.043,4.088l-7.387-0.088v3.474l-2.198,0.044l-0.089,0.879
@@ -287,59 +292,59 @@
                        </g>
                </g>
        </g>
-       <g clip-path="url(#SVGID_2_)">
+       <g clip-path="url(#SVGID_2_<?php echo $suffix; ?>)">
                <defs>
-                       <path id="SVGID_31_" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
+                       <path id="SVGID_31_<?php echo $suffix; ?>" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
                                S4,86.523,4,188.32"/>
                </defs>
-               <clipPath id="SVGID_32_">
-                       <use xlink:href="#SVGID_31_"  overflow="visible"/>
+               <clipPath id="SVGID_32_<?php echo $suffix; ?>">
+                       <use xlink:href="SVGID_31_<?php echo $suffix; ?>"  overflow="visible"/>
                </clipPath>
-               <g opacity="0.5" clip-path="url(#SVGID_32_)">
+               <g opacity="0.5" clip-path="url(SVGID_32_<?php echo $suffix; ?>)">
                        <g>
                                <defs>
-                                       <rect id="SVGID_33_" x="260.643" y="74.785" width="14.861" height="15.652"/>
+                                       <rect id="SVGID_33_<?php echo $suffix; ?>" x="260.643" y="74.785" width="14.861" height="15.652"/>
                                </defs>
-                               <clipPath id="SVGID_34_">
-                                       <use xlink:href="#SVGID_33_"  overflow="visible"/>
+                               <clipPath id="SVGID_34_<?php echo $suffix; ?>">
+                                       <use xlink:href="SVGID_33_<?php echo $suffix; ?>"  overflow="visible"/>
                                </clipPath>
-                               <g clip-path="url(#SVGID_34_)">
+                               <g clip-path="url(SVGID_34_<?php echo $suffix; ?>)">
                                        <defs>
-                                               <rect id="SVGID_35_" x="260.643" y="74.785" width="14.861" height="15.652"/>
+                                               <rect id="SVGID_35_<?php echo $suffix; ?>" x="260.643" y="74.785" width="14.861" height="15.652"/>
                                        </defs>
-                                       <clipPath id="SVGID_36_">
-                                               <use xlink:href="#SVGID_35_"  overflow="visible"/>
+                                       <clipPath id="SVGID_36_<?php echo $suffix; ?>">
+                                               <use xlink:href="SVGID_35_<?php echo $suffix; ?>"  overflow="visible"/>
                                        </clipPath>
-                                       <polygon data-id="983" class="alanson region-hover content-shape" id="alanson-shape" clip-path="url(#SVGID_36_)" fill="#D85480" points="260.907,74.785 260.643,89.382 275.328,90.437 275.504,75.401 
+                                       <polygon data-id="983" class="alanson region-hover content-shape" id="alanson-shape<?php echo $suffix; ?>" clip-path="url(SVGID_36_<?php echo $suffix; ?>)" fill="#D85480" points="260.907,74.785 260.643,89.382 275.328,90.437 275.504,75.401
                                                                                        "/>
                                </g>
                        </g>
                </g>
        </g>
-       <g clip-path="url(#SVGID_2_)">
+       <g clip-path="url(#SVGID_2_<?php echo $suffix; ?>)">
                <defs>
-                       <path id="SVGID_37_" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
+                       <path id="SVGID_37_<?php echo $suffix; ?>" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
                                S4,86.523,4,188.32"/>
                </defs>
-               <clipPath id="SVGID_38_">
-                       <use xlink:href="#SVGID_37_"  overflow="visible"/>
+               <clipPath id="SVGID_38_<?php echo $suffix; ?>">
+                       <use xlink:href="SVGID_37_<?php echo $suffix; ?>"  overflow="visible"/>
                </clipPath>
-               <g opacity="0.5" clip-path="url(#SVGID_38_)">
+               <g opacity="0.5" clip-path="url(SVGID_38_<?php echo $suffix; ?>)">
                        <g>
                                <defs>
-                                       <rect id="SVGID_39_" x="84.688" y="292.508" width="58.74" height="38.779"/>
+                                       <rect id="SVGID_39_<?php echo $suffix; ?>" x="84.688" y="292.508" width="58.74" height="38.779"/>
                                </defs>
-                               <clipPath id="SVGID_40_">
-                                       <use xlink:href="#SVGID_39_"  overflow="visible"/>
+                               <clipPath id="SVGID_40_<?php echo $suffix; ?>">
+                                       <use xlink:href="SVGID_39_<?php echo $suffix; ?>"  overflow="visible"/>
                                </clipPath>
-                               <g clip-path="url(#SVGID_40_)">
+                               <g clip-path="url(SVGID_40_<?php echo $suffix; ?>)">
                                        <defs>
-                                               <rect id="SVGID_41_" x="84.688" y="292.508" width="58.74" height="38.779"/>
+                                               <rect id="SVGID_41_<?php echo $suffix; ?>" x="84.688" y="292.508" width="58.74" height="38.779"/>
                                        </defs>
-                                       <clipPath id="SVGID_42_">
-                                               <use xlink:href="#SVGID_41_"  overflow="visible"/>
+                                       <clipPath id="SVGID_42_<?php echo $suffix; ?>">
+                                               <use xlink:href="SVGID_41_<?php echo $suffix; ?>"  overflow="visible"/>
                                        </clipPath>
-                                       <path data-id="275" class="boyne-city region-hover content-shape" id="boyne-city-shape" clip-path="url(#SVGID_42_)" fill="#DE7046" d="M95.241,294.179l-5.276,0.264v9.321l1.319-0.968l2.99,0.264l0.791,0.352
+                                       <path data-id="275" class="boyne-city region-hover content-shape" id="boyne-city-shape" clip-path="url(SVGID_42_<?php echo $suffix; ?>)" fill="#DE7046" d="M95.241,294.179l-5.276,0.264v9.321l1.319-0.968l2.99,0.264l0.791,0.352
                                                l2.111-0.264l1.758-0.352l0.703-0.439l1.935,1.671l0.264,1.319l0.703,0.439l0.264,0.88l1.495,0.791l0.088,2.638l0.879,2.111
                                                l-0.263,1.934l-0.967,0.088l-1.408,2.11l0.089,1.319l-2.287,1.319l-1.231-0.175l-2.11,2.022l-4.924,2.638l-2.638-1.759
                                                l-2.287-0.352l-2.55-1.319l0.088,3.782c0,0,3.078,0.175,3.43,0.175c0.351,0,0.087,3.518,0.087,3.518h14.245l0.177,3.781
@@ -352,68 +357,68 @@
                        </g>
                </g>
        </g>
-       <g clip-path="url(#SVGID_2_)">
+       <g clip-path="url(#SVGID_2_<?php echo $suffix; ?>)">
                <defs>
-                       <path id="SVGID_43_" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
+                       <path id="SVGID_43_<?php echo $suffix; ?>" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
                                S4,86.523,4,188.32"/>
                </defs>
-               <clipPath id="SVGID_44_">
-                       <use xlink:href="#SVGID_43_"  overflow="visible"/>
+               <clipPath id="SVGID_44_<?php echo $suffix; ?>">
+                       <use xlink:href="SVGID_43_<?php echo $suffix; ?>"  overflow="visible"/>
                </clipPath>
        </g>
-       <g clip-path="url(#SVGID_2_)">
+       <g clip-path="url(#SVGID_2_<?php echo $suffix; ?>)">
                <defs>
-                       <path id="SVGID_45_" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
+                       <path id="SVGID_45_<?php echo $suffix; ?>" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
                                S4,86.523,4,188.32"/>
                </defs>
-               <clipPath id="SVGID_46_">
-                       <use xlink:href="#SVGID_45_"  overflow="visible"/>
+               <clipPath id="SVGID_46_<?php echo $suffix; ?>">
+                       <use xlink:href="SVGID_45_<?php echo $suffix; ?>"  overflow="visible"/>
                </clipPath>
-               <g opacity="0.69" clip-path="url(#SVGID_46_)">
+               <g opacity="0.69" clip-path="url(SVGID_46_<?php echo $suffix; ?>)">
                        <g>
                                <defs>
-                                       <rect id="SVGID_47_" x="203.223" y="185.507" width="206.291" height="219.482"/>
+                                       <rect id="SVGID_47_<?php echo $suffix; ?>" x="203.223" y="185.507" width="206.291" height="219.482"/>
                                </defs>
-                               <clipPath id="SVGID_48_">
-                                       <use xlink:href="#SVGID_47_"  overflow="visible"/>
+                               <clipPath id="SVGID_48_<?php echo $suffix; ?>">
+                                       <use xlink:href="SVGID_47_<?php echo $suffix; ?>"  overflow="visible"/>
                                </clipPath>
-                               <g clip-path="url(#SVGID_48_)">
+                               <g clip-path="url(SVGID_48_<?php echo $suffix; ?>)">
                                        <defs>
-                                               <rect id="SVGID_49_" x="203.223" y="185.507" width="206.292" height="219.482"/>
+                                               <rect id="SVGID_49_<?php echo $suffix; ?>" x="203.223" y="185.507" width="206.292" height="219.482"/>
                                        </defs>
-                                       <clipPath id="SVGID_50_">
-                                               <use xlink:href="#SVGID_49_"  overflow="visible"/>
+                                       <clipPath id="SVGID_50_<?php echo $suffix; ?>">
+                                               <use xlink:href="SVGID_49_<?php echo $suffix; ?>"  overflow="visible"/>
                                        </clipPath>
-                                       <rect x="203.222" y="185.506" clip-path="url(#SVGID_50_)" fill="#00A672" width="206.292" height="219.482"/>
+                                       <rect x="203.222" y="185.506" clip-path="url(SVGID_50_<?php echo $suffix; ?>)" fill="#00A672" width="206.292" height="219.482"/>
                                </g>
                        </g>
                </g>
        </g>
-       <g clip-path="url(#SVGID_2_)">
+       <g clip-path="url(#SVGID_2_<?php echo $suffix; ?>)">
                <defs>
-                       <path id="SVGID_51_" d="M203.223,185.507v186.54c94.832-7.584,169.417-86.944,169.417-183.727c0-0.938-0.008-1.878-0.022-2.813
+                       <path id="SVGID_51_<?php echo $suffix; ?>" d="M203.223,185.507v186.54c94.832-7.584,169.417-86.944,169.417-183.727c0-0.938-0.008-1.878-0.022-2.813
                                H203.223z"/>
                </defs>
-               <clipPath id="SVGID_52_">
-                       <use xlink:href="#SVGID_51_"  overflow="visible"/>
+               <clipPath id="SVGID_52_<?php echo $suffix; ?>">
+                       <use xlink:href="SVGID_51_<?php echo $suffix; ?>"  overflow="visible"/>
                </clipPath>
-               <circle clip-path="url(#SVGID_52_)" fill="none" stroke="#FFFFFF" stroke-width="3.378" cx="271.774" cy="233.678" r="6.776"/>
-               <g opacity="0.35" clip-path="url(#SVGID_52_)">
+               <circle clip-path="url(SVGID_52_<?php echo $suffix; ?>)" fill="none" stroke="#FFFFFF" stroke-width="3.378" cx="271.774" cy="233.678" r="6.776"/>
+               <g opacity="0.35" clip-path="url(SVGID_52_<?php echo $suffix; ?>)">
                        <g>
                                <defs>
-                                       <rect id="SVGID_53_" x="155.472" y="170.627" width="175.32" height="171.161"/>
+                                       <rect id="SVGID_53_<?php echo $suffix; ?>" x="155.472" y="170.627" width="175.32" height="171.161"/>
                                </defs>
-                               <clipPath id="SVGID_54_">
-                                       <use xlink:href="#SVGID_53_"  overflow="visible"/>
+                               <clipPath id="SVGID_54_<?php echo $suffix; ?>">
+                                       <use xlink:href="SVGID_53_<?php echo $suffix; ?>"  overflow="visible"/>
                                </clipPath>
-                               <g clip-path="url(#SVGID_54_)">
+                               <g clip-path="url(SVGID_54_<?php echo $suffix; ?>)">
                                        <defs>
-                                               <rect id="SVGID_55_" x="155.472" y="170.626" width="175.32" height="171.162"/>
+                                               <rect id="SVGID_55_<?php echo $suffix; ?>" x="155.472" y="170.626" width="175.32" height="171.162"/>
                                        </defs>
-                                       <clipPath id="SVGID_56_">
-                                               <use xlink:href="#SVGID_55_"  overflow="visible"/>
+                                       <clipPath id="SVGID_56_<?php echo $suffix; ?>">
+                                               <use xlink:href="SVGID_55_<?php echo $suffix; ?>"  overflow="visible"/>
                                        </clipPath>
-                                       <path clip-path="url(#SVGID_56_)" fill="#FFFFFF" d="M239.077,340.22l1.296-1.031l1.428-1.848l1.06-1.701l2.099-5.389
+                                       <path clip-path="url(SVGID_56_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M239.077,340.22l1.296-1.031l1.428-1.848l1.06-1.701l2.099-5.389
                                                l2.304-3.576l0.891-1.896l1.682-6.689l0.494-5.54l-0.392-7.593l-1.983-5.94l1.226-1.687l-1.849,0.551l-4.294-10.282
                                                l-0.196-1.821l0.874-1.718l1.426-1.855l-0.932-5.666l-0.905-1.882l0.339-1.766l1.778-1.822l2.647-5.34l0.356-1.947
                                                l-0.198-1.818l0.646-3.183l-0.754-3.671l1.919-1.261l1.763-1.643l-0.021-1.805l2.632-3.182l1.735,0.696l1.593-1.654
@@ -490,15 +495,15 @@
                        </g>
                </g>
        </g>
-       <g clip-path="url(#SVGID_2_)">
+       <g clip-path="url(#SVGID_2_<?php echo $suffix; ?>)">
                <defs>
-                       <path id="SVGID_57_" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
+                       <path id="SVGID_57_<?php echo $suffix; ?>" d="M4,188.32c0,101.797,82.523,184.32,184.32,184.32s184.32-82.523,184.32-184.32S290.117,4,188.32,4
                                S4,86.523,4,188.32"/>
                </defs>
-               <clipPath id="SVGID_58_">
-                       <use xlink:href="#SVGID_57_"  overflow="visible"/>
+               <clipPath id="SVGID_58_<?php echo $suffix; ?>">
+                       <use xlink:href="SVGID_57_<?php echo $suffix; ?>"  overflow="visible"/>
                </clipPath>
-               <path clip-path="url(#SVGID_58_)" fill="#9EC1FF" d="M-34.863,213.73c-0.96,0.262-1.946-0.482-2.377-1.378
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#9EC1FF" d="M-34.863,213.73c-0.96,0.262-1.946-0.482-2.377-1.378
                        c-0.431-0.897-0.476-1.922-0.664-2.899c-0.661-3.44-3.326-6.417-6.671-7.455c-3.346-1.037-7.228-0.09-9.72,2.371
                        c-2.483,2.454-4.322,6.566-7.808,6.361c-2.8-0.165-5.075-3.33-7.798-2.657c-0.534,2.143,2.138,3.651,4.332,3.892
                        c2.195,0.241,4.845,0.272,5.985,2.163c0.725,1.204,0.514,2.729,0.279,4.115c-0.726,4.275-1.453,8.674-0.543,12.914
@@ -537,7 +542,7 @@
                        c-0.011-0.973-0.28-2.099-1.167-2.5c-0.437-0.198-0.978-0.19-1.328-0.519c-0.323-0.304-0.371-0.791-0.399-1.233
                        c-0.198-3.108-0.396-6.216-0.594-9.324c-2.22,0.24-3.189,2.939-3.321,5.168c-0.133,2.23-0.065,4.801-1.756,6.26L-34.863,213.73z"
                        />
-               <path clip-path="url(#SVGID_58_)" fill="#9EC1FF" d="M77.14,178.936c-1.565,1.873-0.28,4.739,1.34,6.566
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#9EC1FF" d="M77.14,178.936c-1.565,1.873-0.28,4.739,1.34,6.566
                        c1.618,1.827,3.685,3.691,3.645,6.131c-0.028,1.734-1.158,3.5-0.489,5.1c0.637,1.524,2.622,2.09,3.365,3.566
                        c0.392,0.78,0.373,1.693,0.376,2.565c0.011,4.251,0.877,8.808,3.923,11.772c1.327,1.292,3.011,2.22,4.142,3.686
                        c2.111,2.737,1.791,6.567,1.369,9.997c0.866,0.079,1.731,0.159,2.597,0.238c1.635,2.057,3.354,4.049,5.151,5.966
@@ -558,11 +563,11 @@
                        c3.517-1.273,4.609-5.918,3.659-9.536c-0.951-3.618-3.303-6.696-4.713-10.161c-1.388-3.411-2.366-7.744-5.869-8.879
                        c-0.824-0.267-1.739-0.321-2.461-0.801c-1.218-0.81-1.431-2.466-1.762-3.891c-2.086-8.98-12.38-13.946-15.311-22.688
                        L77.14,178.936z"/>
-               <path clip-path="url(#SVGID_58_)" fill="#9EC1FF" d="M188.86,113.743c-0.109,3.206-0.217,6.422,0.072,9.618
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#9EC1FF" d="M188.86,113.743c-0.109,3.206-0.217,6.422,0.072,9.618
                        c0.132,1.454,0.345,2.901,0.64,4.332c1.441-1.498,4.117-1.153,5.552-2.657c0.9-0.944,1.094-2.419,2.049-3.309
                        c0.979-0.913,2.462-0.955,3.802-0.935c0.215,0.003,0.451,0,0.618-0.137c0.208-0.172,0.225-0.48,0.225-0.75v-2.513
                        c0-0.234-0.002-0.48-0.111-0.688c-0.089-0.169-0.24-0.296-0.39-0.415c-2.711-2.164-6.234-3.282-9.697-3.078L188.86,113.743z"/>
-               <path clip-path="url(#SVGID_58_)" fill="#9EC1FF" d="M214.885,104.957c-0.512,2.553-1.025,5.105-1.538,7.658
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#9EC1FF" d="M214.885,104.957c-0.512,2.553-1.025,5.105-1.538,7.658
                        c3.07,0.541,6.352-0.26,8.827-2.156c1.576,1.514,3.171,3.053,4.289,4.93c1.117,1.877,1.718,4.168,1.138,6.275
                        c1.264,0.294,2.528,0.588,3.792,0.882c0.357,0.083,0.736,0.178,0.988,0.443c0.445,0.468,0.305,1.214,0.362,1.857
                        c0.256,2.884,4.397,3.571,5.861,6.067c1.187-0.556,2.373-1.112,3.56-1.667c1.745,2.245,3.49,4.491,5.234,6.736
@@ -583,7 +588,7 @@
                        c-8.07-1.198-16.139-2.396-24.209-3.594c-1.328-0.197-2.737-0.385-3.973,0.142c-0.95,0.404-1.872,1.231-2.868,0.954
                        c-0.697-0.195-1.151-0.887-1.822-1.158c-0.577-0.233-1.229-0.124-1.839-0.004c-1.88,0.371-3.744,0.821-5.585,1.351
                        L214.885,104.957z"/>
-               <path clip-path="url(#SVGID_58_)" fill="#9EC1FF" d="M311.71,49.039c0.344,0.405,0.69,0.809,1.034,1.214
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#9EC1FF" d="M311.71,49.039c0.344,0.405,0.69,0.809,1.034,1.214
                        c-0.664,1.145-1.327,2.29-1.991,3.435c-1.37-1.452-4.211-0.899-4.935,0.962c1.075-0.318,2.227-0.636,3.299-0.305
                        c1.071,0.329,1.926,1.597,1.403,2.589c1.238-0.261,2.476-0.521,3.713-0.782l-1.475,5.005c-0.17,0.579-0.342,1.192-0.194,1.776
                        c0.154,0.608,0.625,1.076,1.076,1.511c1.097,1.057,2.234,2.14,3.656,2.684c1.422,0.544,3.217,0.412,4.233-0.722
@@ -609,105 +614,102 @@
                        c-1.724,1.595-3.446,3.19-5.169,4.785c-0.308,0.285-0.641,0.63-0.611,1.048c0.018,0.25,0.166,0.471,0.328,0.662
                        c0.835,0.985,2.197,1.615,2.527,2.862c0.477,1.804-1.525,3.254-3.295,3.843c-2.214,0.738-5.156,0.835-6.357-1.166L311.71,49.039z"
                        />
-               <polygon clip-path="url(#SVGID_58_)" fill="#FFFFFF" points="56.378,120.719 52.643,120.715 53.884,114.388 54.679,114.39 
+               <polygon clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" points="56.378,120.719 52.643,120.715 53.884,114.388 54.679,114.39
                        53.575,120.016 56.516,120.019           "/>
-               <path clip-path="url(#SVGID_58_)" fill="#FFFFFF" d="M57.94,120.72l-0.719-0.001l0.919-4.684h0.721L57.94,120.72z M59.061,115.206
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M57.94,120.72l-0.719-0.001l0.919-4.684h0.721L57.94,120.72z M59.061,115.206
                        l-0.795-0.002l0.159-0.811l0.795,0.002L59.061,115.206z"/>
-               <path clip-path="url(#SVGID_58_)" fill="#FFFFFF" d="M61.556,120.762l-0.702,0.053c-1.024-0.002-1.212-0.6-1.028-1.532l0.531-2.71
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M61.556,120.762l-0.702,0.053c-1.024-0.002-1.212-0.6-1.028-1.532l0.531-2.71
                        l-0.829-0.001L59.639,116l0.831,0.001l0.228-1.163l0.734-0.072l-0.243,1.236h1.042l-0.112,0.572l-1.042-0.001l-0.556,2.831
                        c-0.106,0.543-0.006,0.829,0.584,0.83l0.564-0.043L61.556,120.762z"/>
-               <path clip-path="url(#SVGID_58_)" fill="#FFFFFF" d="M64.505,120.765l-0.704,0.053c-1.024-0.002-1.21-0.6-1.028-1.531l0.533-2.711
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M64.505,120.765l-0.704,0.053c-1.024-0.002-1.21-0.6-1.028-1.531l0.533-2.711
                        l-0.831-0.001l0.114-0.572l0.829,0.001l0.228-1.161l0.734-0.074l-0.243,1.235l1.042,0.003l-0.112,0.572l-1.042-0.003l-0.554,2.831
                        c-0.108,0.543-0.007,0.83,0.582,0.83l0.564-0.044L64.505,120.765z"/>
-               <polygon clip-path="url(#SVGID_58_)" fill="#FFFFFF" points="65.329,120.727 66.572,114.402 67.291,114.403 66.05,120.728          "/>
-               <path clip-path="url(#SVGID_58_)" fill="#FFFFFF" d="M71.526,119.452c-0.444,0.858-1.366,1.373-2.262,1.371
+               <polygon clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" points="65.329,120.727 66.572,114.402 67.291,114.403 66.05,120.728             "/>
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M71.526,119.452c-0.444,0.858-1.366,1.373-2.262,1.371
                        c-1.42-0.001-1.927-1.126-1.67-2.435c0.253-1.291,1.249-2.461,2.651-2.46c1.456,0.002,1.845,1.22,1.553,2.52l-3.403-0.005
                        c-0.073,0.369-0.119,0.71-0.013,1.061c0.134,0.442,0.569,0.712,1.059,0.712c0.607,0.001,1.119-0.351,1.431-0.902L71.526,119.452z
                         M71.11,117.912c0.161-0.775-0.145-1.429-0.973-1.43c-0.784-0.001-1.428,0.69-1.601,1.428L71.11,117.912z"/>
-               <polygon clip-path="url(#SVGID_58_)" fill="#FFFFFF" points="76.433,120.739 77.537,115.106 75.741,115.105 75.875,114.412 
+               <polygon clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" points="76.433,120.739 77.537,115.106 75.741,115.105 75.875,114.412
                        80.267,114.417 80.131,115.108 78.332,115.106 77.226,120.741             "/>
-               <path clip-path="url(#SVGID_58_)" fill="#FFFFFF" d="M80.982,116.06l-0.216,1.097h0.02c0.345-0.636,0.858-1.226,1.613-1.225
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M80.982,116.06l-0.216,1.097h0.02c0.345-0.636,0.858-1.226,1.613-1.225
                        l0.266,0.019l-0.138,0.69l-0.146,0.002c-0.554-0.003-0.994,0.266-1.353,0.736c-0.262,0.34-0.356,0.635-0.429,1.005l-0.463,2.36
                        l-0.719-0.001l0.918-4.684L80.982,116.06z"/>
-               <path clip-path="url(#SVGID_58_)" fill="#FFFFFF" d="M86.052,117.844l0.04-0.203c0.161-0.82-0.137-1.133-0.967-1.135
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M86.052,117.844l0.04-0.203c0.161-0.82-0.137-1.133-0.967-1.135
                        c-0.591,0-1.189,0.184-1.445,0.829l-0.651-0.111c0.321-0.978,1.414-1.28,2.27-1.28c0.508,0.001,1.079,0.056,1.35,0.462
                        c0.305,0.415,0.189,1.007,0.084,1.541l-0.356,1.817c-0.066,0.339-0.126,0.681-0.093,0.985h-0.718l0.088-0.877
                        c-0.462,0.674-1.085,0.968-1.831,0.967c-0.877-0.002-1.537-0.49-1.353-1.421c0.109-0.563,0.558-1.069,1.121-1.299
                        c0.574-0.249,1.271-0.276,1.852-0.275H86.052z M85.946,118.389l-0.6-0.001c-0.739,0-1.92,0.1-2.11,1.067
                        c-0.113,0.581,0.337,0.823,0.853,0.824c0.886,0,1.634-0.757,1.796-1.587L85.946,118.389z"/>
-               <polygon clip-path="url(#SVGID_58_)" fill="#FFFFFF" points="89.139,120.753 88.382,120.753 87.634,116.067 88.436,116.068 
+               <polygon clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" points="89.139,120.753 88.382,120.753 87.634,116.067 88.436,116.068
                        88.998,119.875 91.026,116.069 91.673,116.071            "/>
-               <path clip-path="url(#SVGID_58_)" fill="#FFFFFF" d="M95.462,119.478c-0.444,0.856-1.366,1.371-2.26,1.371
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M95.462,119.478c-0.444,0.856-1.366,1.371-2.26,1.371
                        c-1.42-0.002-1.929-1.126-1.672-2.437c0.253-1.289,1.249-2.46,2.651-2.458c1.458,0.001,1.847,1.22,1.553,2.518l-3.401-0.003
                        c-0.075,0.369-0.121,0.71-0.015,1.061c0.134,0.442,0.57,0.71,1.059,0.711c0.609,0,1.12-0.35,1.431-0.902L95.462,119.478z
                         M95.046,117.938c0.162-0.775-0.142-1.431-0.973-1.43c-0.784-0.001-1.428,0.69-1.6,1.428L95.046,117.938z"/>
-               <path clip-path="url(#SVGID_58_)" fill="#FFFFFF" d="M97.933,116.077l-0.215,1.098h0.018c0.346-0.636,0.859-1.226,1.616-1.225
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M97.933,116.077l-0.215,1.098h0.018c0.346-0.636,0.859-1.226,1.616-1.225
                        l0.264,0.018l-0.138,0.691h-0.146c-0.553,0-0.994,0.268-1.353,0.736c-0.262,0.342-0.355,0.637-0.427,1.007l-0.464,2.36
                        l-0.719-0.001l0.919-4.684H97.933z"/>
-               <path clip-path="url(#SVGID_58_)" fill="#FFFFFF" d="M99.995,119.38c-0.024,0.637,0.676,0.876,1.239,0.877
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M99.995,119.38c-0.024,0.637,0.676,0.876,1.239,0.877
                        c0.499,0.001,1.168-0.173,1.286-0.773c0.099-0.497-0.382-0.637-0.773-0.711l-0.737-0.138c-0.693-0.14-1.285-0.471-1.121-1.302
                        c0.19-0.969,1.164-1.373,2.022-1.372c0.84,0.001,1.562,0.315,1.623,1.181l-0.692,0.14c-0.082-0.517-0.52-0.739-1.053-0.739
                        c-0.426-0.001-1.03,0.163-1.131,0.681c-0.1,0.508,0.302,0.618,0.705,0.682l0.66,0.122c0.328,0.065,0.665,0.129,0.914,0.323
                        c0.319,0.248,0.438,0.636,0.354,1.061c-0.208,1.06-1.317,1.446-2.229,1.445c-0.914-0.002-1.742-0.381-1.795-1.339L99.995,119.38z"
                        />
-               <path clip-path="url(#SVGID_58_)" fill="#FFFFFF" d="M108.179,119.491c-0.446,0.857-1.368,1.371-2.262,1.371
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M108.179,119.491c-0.446,0.857-1.368,1.371-2.262,1.371
                        c-1.422-0.001-1.929-1.126-1.672-2.437c0.253-1.29,1.249-2.459,2.651-2.458c1.458,0.001,1.845,1.219,1.553,2.518l-3.403-0.003
                        c-0.073,0.369-0.121,0.71-0.015,1.061c0.135,0.442,0.571,0.712,1.059,0.712c0.611,0,1.122-0.351,1.433-0.902L108.179,119.491z
                         M107.761,117.951c0.161-0.776-0.145-1.43-0.975-1.431c-0.782-0.001-1.426,0.691-1.599,1.429L107.761,117.951z"/>
-               <path clip-path="url(#SVGID_58_)" fill="#FFFFFF" d="M111.93,120.777l1.242-6.326l2.389,0.003
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M111.93,120.777l1.242-6.326l2.389,0.003
                        c0.488-0.001,0.873,0.018,1.242,0.295c0.369,0.287,0.521,0.73,0.419,1.246c-0.141,0.72-0.669,1.253-1.394,1.42l-0.003,0.018
                        c0.751,0.166,1.153,0.794,0.994,1.605c-0.105,0.536-0.38,1.005-0.87,1.338c-0.554,0.377-1.058,0.404-1.638,0.404L111.93,120.777z
                         M114.405,120.107c0.35,0,0.746-0.037,1.065-0.258c0.307-0.202,0.496-0.507,0.563-0.848c0.075-0.378-0.018-0.757-0.268-0.989
                        c-0.256-0.24-0.653-0.24-1.013-0.24l-1.437-0.002l-0.458,2.335L114.405,120.107z M114.66,117.164c0.396,0,0.828,0.01,1.199-0.238
                        c0.295-0.185,0.5-0.526,0.561-0.83c0.073-0.378-0.022-0.645-0.306-0.84c-0.247-0.156-0.532-0.156-0.845-0.157l-1.43-0.002
                        l-0.406,2.066L114.66,117.164z"/>
-               <path clip-path="url(#SVGID_58_)" fill="#FFFFFF" d="M121.246,117.881l0.04-0.202c0.161-0.821-0.137-1.134-0.967-1.136
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M121.246,117.881l0.04-0.202c0.161-0.821-0.137-1.134-0.967-1.136
                        c-0.589,0.001-1.189,0.184-1.443,0.829l-0.653-0.112c0.321-0.977,1.414-1.279,2.272-1.279c0.507,0,1.077,0.056,1.348,0.462
                        c0.306,0.416,0.191,1.006,0.086,1.541l-0.356,1.817c-0.068,0.341-0.125,0.683-0.095,0.987l-0.718-0.002l0.088-0.876
                        c-0.462,0.673-1.083,0.967-1.831,0.966c-0.876,0-1.535-0.489-1.353-1.421c0.11-0.561,0.56-1.07,1.122-1.299
                        c0.575-0.249,1.271-0.276,1.853-0.276L121.246,117.881z M121.14,118.426h-0.6c-0.737-0.002-1.918,0.099-2.109,1.066
                        c-0.113,0.581,0.338,0.823,0.854,0.824c0.885,0,1.633-0.757,1.795-1.586L121.14,118.426z"/>
-               <path clip-path="url(#SVGID_58_)" fill="#FFFFFF" d="M123.869,121.233c-0.196,0.34-0.349,0.598-0.651,0.865
+               <path clip-path="url(SVGID_58_<?php echo $suffix; ?>)" fill="#FFFFFF" d="M123.869,121.233c-0.196,0.34-0.349,0.598-0.651,0.865
                        c-0.345,0.304-0.605,0.361-1.02,0.36c-0.185,0-0.351-0.038-0.519-0.085l0.115-0.58c0.149,0.037,0.311,0.066,0.466,0.065
                        c0.729,0.002,0.976-0.6,1.278-1.151l-0.719-4.604l0.746,0.001l0.564,3.524l1.973-3.521l0.607,0.001L123.869,121.233z"/>
        </g>
-       <g clip-path="url(#SVGID_2_)">
+       <g clip-path="url(#SVGID_2_<?php echo $suffix; ?>)">
                <defs>
-                       <rect id="SVGID_59_" width="376.64" height="376.64"/>
+                       <rect id="SVGID_59_<?php echo $suffix; ?>" width="376.64" height="376.64"/>
                </defs>
-               <clipPath id="SVGID_60_">
-                       <use xlink:href="#SVGID_59_"  overflow="visible"/>
+               <clipPath id="SVGID_60_<?php echo $suffix; ?>">
+                       <use xlink:href="SVGID_59_<?php echo $suffix; ?>"  overflow="visible"/>
                </clipPath>
-               <circle clip-path="url(#SVGID_60_)" fill="none" stroke="#73BF45" stroke-width="8" cx="188.32" cy="188.32" r="184.32"/>
+               <circle clip-path="url(SVGID_60_<?php echo $suffix; ?>)" fill="none" stroke="#73BF45" stroke-width="8" cx="188.32" cy="188.32" r="184.32"/>
        </g>
 </g>
-<path data-id="274" class="harbor-springs region-hover text-container" id="harbor-springs" fill="#00A6E3" d="M208.7,75.366c0-7.125-5.734-12.904-12.838-12.992v-0.008h-94.844v0.045
+<path data-id="274" class="harbor-springs region-hover text-container" id="harbor-springs<?php echo '_' . $suffix; ?>" fill="#00A6E3" d="M208.7,75.366c0-7.125-5.734-12.904-12.838-12.992v-0.008h-94.844v0.045
        c-6.758,0.464-12.1,6.079-12.1,12.955c0,6.876,5.342,12.49,12.1,12.955v0.045h94.844v-0.008
        C202.966,88.27,208.7,82.491,208.7,75.366z"/>
 <text data-id="274" class="harbor-springs region-hover region-text " transform="matrix(1 0 0 1 99.6689 79.0857)" fill="#FFFFFF" font-family="'OpenSans-Bold'" font-size="13.19px">Harbor Springs</text>
-<path data-id="276" class="bay-harbor region-hover text-container" id="bay-harbor" fill="#00A9A8" d="M125.728,149.2c0-7.125-5.734-12.904-12.838-12.992V136.2H38.907v0.046c-6.758,0.464-12.1,6.079-12.1,12.954
+<path data-id="276" class="bay-harbor region-hover text-container" id="bay-harbor<?php echo '_' . $suffix; ?>" fill="#00A9A8" d="M125.728,149.2c0-7.125-5.734-12.904-12.838-12.992V136.2H38.907v0.046c-6.758,0.464-12.1,6.079-12.1,12.954
        c0,6.876,5.342,12.49,12.1,12.955v0.045h73.982v-0.008C119.994,162.104,125.728,156.324,125.728,149.2z"/>
 <text data-id="276" class="bay-harbor region-hover region-text" transform="matrix(1 0 0 1 39.1127 152.919)" fill="#FFFFFF" font-family="'OpenSans-Bold'" font-size="13.19px">Bay Harbor</text>
-<path class="walloon-lake region-hover text-container" data-id="981" id="walloon-lake" fill="#AC9ACA" d="M179.505,250.033c0-7.125-5.734-12.904-12.838-12.992v-0.008H79.408v0.045
+<path class="walloon-lake region-hover text-container" data-id="981" id="walloon-lake<?php echo '_' . $suffix; ?>" fill="#AC9ACA" d="M179.505,250.033c0-7.125-5.734-12.904-12.838-12.992v-0.008H79.408v0.045
        c-6.758,0.464-12.1,6.079-12.1,12.955c0,6.876,5.342,12.49,12.1,12.955v0.045h87.259v-0.008
        C173.771,262.937,179.505,257.158,179.505,250.033z"/>
 <text class="walloon-lake region-hover region-text" data-id="981" transform="matrix(1 0 0 1 79.1124 253.7524)" fill="#FFFFFF" font-family="'OpenSans-Bold'" font-size="13.19px">Walloon Lake</text>
-<path data-id="275" class="boyne-city region-hover text-container" id="boyne-city" fill="#DE7046" d="M195.336,305.2c0-7.125-5.734-12.904-12.838-12.992V292.2h-68.759v0.045
+<path data-id="275" class="boyne-city region-hover text-container" id="boyne-city<?php echo '_' . $suffix; ?>" fill="#DE7046" d="M195.336,305.2c0-7.125-5.734-12.904-12.838-12.992V292.2h-68.759v0.045
        c-6.758,0.464-12.1,6.079-12.1,12.955c0,6.876,5.342,12.49,12.1,12.954v0.046h68.759v-0.008
        C189.602,318.104,195.336,312.324,195.336,305.2z"/>
 <text data-id="275" class="boyne-city region-hover region-text" transform="matrix(1 0 0 1 113.4477 308.919)" fill="#FFFFFF" font-family="'OpenSans-Bold'" font-size="13.19px">Boyne City</text>
-<path data-id="985" class="bay-view region-hover text-container" id="bay-view" fill="#E4C731" d="M248.238,135.033c0-7.125-5.734-12.904-12.838-12.992v-0.008h-59.841v0.045
+<path data-id="985" class="bay-view region-hover text-container" id="bay-view<?php echo '_' . $suffix; ?>" fill="#E4C731" d="M248.238,135.033c0-7.125-5.734-12.904-12.838-12.992v-0.008h-59.841v0.045
        c-6.758,0.464-12.1,6.079-12.1,12.955c0,6.876,5.342,12.49,12.1,12.954v0.046h59.841v-0.008
        C242.504,147.937,248.238,142.158,248.238,135.033z"/>
 <text data-id="985" class="bay-view region-hover region-text" transform="matrix(1 0 0 1 176.1288 138.7524)" fill="#FFFFFF" font-family="'OpenSans-Bold'" font-size="13.19px">Bay View</text>
-<path data-id="273" class="petoskey region-hover text-container" id="petoskey" fill="#00A672" d="M233.336,165.366c0-7.125-5.734-12.904-12.838-12.992v-0.008h-58.675v0.045
+<path data-id="273" class="petoskey region-hover text-container" id="petoskey<?php echo '_'.$suffix; ?>" fill="#00A672" d="M233.336,165.366c0-7.125-5.734-12.904-12.838-12.992v-0.008h-58.675v0.045
        c-6.758,0.464-12.1,6.079-12.1,12.955c0,6.876,5.342,12.49,12.1,12.955v0.045h58.675v-0.008
        C227.602,178.27,233.336,172.491,233.336,165.366z"/>
 <text data-id="273" class="petoskey region-hover region-text" transform="matrix(1 0 0 1 161.5299 169.0857)" fill="#FFFFFF" font-family="'OpenSans-Bold'" font-size="13.19px">Petoskey</text>
-<path data-id="983" class="alanson region-hover text-container" id="alanson" fill="#D85480" d="M306.126,64.2c0-7.125-5.734-12.904-12.838-12.992V51.2h-52.677v0.045c-6.758,0.464-12.1,6.079-12.1,12.955
+<path data-id="983" class="alanson region-hover text-container" id="alanson<?php echo '_' . $suffix; ?>" fill="#D85480" d="M306.126,64.2c0-7.125-5.734-12.904-12.838-12.992V51.2h-52.677v0.045c-6.758,0.464-12.1,6.079-12.1,12.955
        c0,6.876,5.342,12.49,12.1,12.955V77.2h52.677v-0.008C300.392,77.104,306.126,71.324,306.126,64.2z"/>
 <text data-id="983" class="alanson region-hover region-text" transform="matrix(1 0 0 1 240.7426 67.919)" fill="#FFFFFF" font-family="'OpenSans-Bold'" font-size="13.19px">Alanson</text>
 </svg>
-          
-          
-           
\ No newline at end of file