+++ /dev/null
-<?php
-/**
- * Template Name: Campground Map
- *
- * @package WordPress
- * @subpackage Twenty_Fourteen
- * @since Twenty Fourteen 1.0
- */
-
-get_header();
-
-$type = 'sitemap';
-$args = array(
- 'numberposts' => -1,
- 'post_type' => $type,
-);
-
-$campsites = get_posts( $args );
-
-// replace the array indeces from a digit to the post slug by creating a new array
-foreach ($campsites as $key => $value){
- $sites[$value->post_name] = $value;
- if(empty(wp_get_attachment_url( get_post_thumbnail_id($sites[$value->post_name]->ID)))){
- $images[$value->post_name] = get_template_directory_uri() .'/assets/background.jpg';
- } else {
- $images[$value->post_name] = wp_get_attachment_url( get_post_thumbnail_id($sites[$value->post_name]->ID) );
- }
- $meta[$value->post_name] = get_post_meta($sites[$value->post_name]->ID);
- $categories[$value->post_name] = get_the_terms($sites[$value->post_name]->ID, 'petosega_category');
-}
-
-
-//echo '<pre>', print_r($meta), '</pre>';
-$js_sites = json_encode($sites);
-$js_images = json_encode($images);
-$js_meta = json_encode($meta);
-$js_categories = json_encode($categories);
-
-?>
-
-<div class="tool-tip">
- <div class="tool-text">
- <span class="site-name"></span>
- <span class="site-water"></span>
- <span class="site-power"></span>
- <span class="site-sewer"></span>
- <span class="site-campers"></span>
- </div>
-</div>
-
-<div class="full-content-tool-tip">
- <div class="tool-tip-container">
- <div class="full-tool-text">
- <div class="site-image"></div>
- <p class="full-site-name full-site-info"></p>
- <br>
- <span class="full-site-loop full-site-info-left"></span>
- <span class="full-site-water full-site-info-right"></span>
- <br>
- <span class="full-site-power full-site-info-left"></span>
- <span class="full-site-sewer full-site-info-right"></span>
- <p class="full-site-campers"></p>
-
- </div>
- </div>
-</div>
-
-<main class="page-inside">
- <div class="feature-img">
- <?php echo glm_get_header(); ?>
- </div>
- <div id="content-wrapper">
- <div class="row">
- <?php
- get_template_part('parts/bread-crumbs');
- ?>
- </div>
- <div class="row">
- <div id="main-content" class="small-12 columns">
- <h1>Campsite Specifications and Pictures</h1>
- <h5 class="map-headline">Hover over a campsite to view specifications and pictures</h5>
- <div id="map-top-container">
-
-
-
- <map id="campgroundMap" name="campgroundMap" class="show-for-large-up">
-<!-- <area class="tooltip_hover show-for-medium-up" class="tooltip_hover show-for-medium-up" shape="poly" coords="176,297,192,321,205,314,190,293" alt="site-#1" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />-->
-
-
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="265,164,280,191,306,180,298,158" alt="site-32" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="350,161,323,164,324,185,357,182" alt="site-31" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="362,185,407,176,409,199,367,202" alt="site-30" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="357,139,371,167,393,152,377,128" alt="site-29" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="381,124,398,148,424,135,408,110" alt="site-28" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="412,107,429,133,447,120,447,114,448,108,448,104,435,104,427,103,424,104,421,102" alt="site-27" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="430,95,452,103,468,104,480,99,479,86,477,81,466,82,463,81,457,80,455,79" alt="site-26" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="480,51,488,63,495,70,503,71,509,65,516,57,513,50,511,44,508,43,500,42,494,37" alt="site-25" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="543,18,545,28,543,41,549,49,563,48,569,47,571,42,570,35,570,26,571,19" alt="site-24" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="612,37,606,48,602,50,595,55,598,64,597,72,613,77,619,75,624,67,623,59,623,52,625,47,626,44" alt="site-23" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="651,67,644,72,632,74,626,78,628,85,628,95,634,98,650,96,657,94,652,89,650,87,660,79,662,79" alt="site-22" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="667,83,663,96,661,98,657,102,656,110,659,120,667,120,673,122,679,123,685,112,690,105" alt="site-21" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="705,116,699,123,693,127,691,138,695,144,704,144,713,145,720,140,729,124" alt="site-20" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="450,247,464,214,486,220,475,257" alt="site-10" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="492,257,498,228,520,233,519,254,511,263" alt="site-11" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="570,277,576,267,576,258,575,252,585,249,587,252,595,248,599,255,596,273,593,280" alt="site-14" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="604,282,613,256,632,257,639,268,630,281,623,287" alt="site-15" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="652,302,653,311,655,325,658,335,673,333,677,322,677,317,674,309,669,308,665,305,666,302" alt="site-16" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="678,299,697,316,703,321,712,313,710,309,709,304,711,299,713,293,708,291,697,292,691,290,688,288" alt="site-17" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="568,281,565,310,577,313,583,313,589,310,592,306,590,302,590,296,588,292,583,291,582,288,583,285" alt="site-13" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="504,268,502,275,496,281,499,288,498,293,515,301,518,300,520,290,520,283,524,275" alt="site-12" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="412,249,407,280,423,283,427,252" alt="site-9" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="342,274,349,299,364,291,357,264" alt="site-7" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="298,294,308,316,325,311,314,285" alt="site-5" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="277,291,269,263,284,257,291,287" alt="site-4" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="314,277,317,271,312,261,298,246,315,235,324,243,328,247,328,249,328,257,326,262,333,268" alt="site-6" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="354,258,350,245,338,229,353,217,366,234,361,240,361,246,369,250" alt="site-8" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="226,287,228,252,251,253,250,275,240,280,246,290" alt="site-3" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="208,212,234,220,245,213,251,208,252,200,250,193,246,188,238,191,233,189,225,188" alt="site-33" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="192,242,208,249,216,247,221,247,226,246,225,236,222,225,214,229,204,227,198,225" alt="site-34" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="182,239,149,228,153,218,157,210,167,212,176,212,179,217,181,227,187,229" alt="site-35" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="188,298,205,323,218,318,205,294" alt="site-1" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="243,297,239,327,256,326,255,300" alt="site-2" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="178,359,196,365,194,349,202,342,205,343,214,340,223,352,222,357,219,363,214,365,207,364,203,367,200,377" alt="site-85" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="244,388,258,378,247,376,244,374,244,370,243,363,244,359,248,352,252,353,270,354,271,361,271,369,270,374,266,376,265,383,268,387" alt="site-83" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="299,378,305,364,290,364,285,360,287,354,288,342,290,341,311,341,312,355,318,373" alt="site-81" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="345,361,345,351,334,351,330,342,332,329,340,328,355,329,358,336,357,346,356,353,356,358,356,359,355,360" alt="site-79" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="388,354,398,344,381,342,384,330,382,326,385,321,398,322,403,319,413,319,428,321,431,327,426,343,415,343,412,343,408,345,399,357" alt="site-78" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="419,395,431,402,436,402,442,398,449,399,452,400,464,401,467,404,465,415,467,418,465,420,454,420,451,420,445,427,440,426,435,424,428,422,423,421,421,415,424,413,425,410,417,410" alt="site-77" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="504,435,501,419,499,420,488,427,485,428,483,422,474,413,480,404,486,399,495,398,498,400,504,399,509,399,509,406,509,409,511,415,512,418" alt="site-36" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="494,474,492,466,485,463,479,464,472,468,470,466,464,463,458,465,452,464,452,459,451,455,451,448,454,443,462,442,466,445,473,443,481,441,485,445,493,445,500,445" alt="site-38" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="407,465,425,466,434,471,442,471,445,456,445,451,441,446,435,448,428,448,426,444,420,450,416,450,409,449,408,448" alt="site-75" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="409,418,397,425,393,426,384,426,376,426,369,427,363,430,367,438,370,446,371,454,371,455,382,453,395,448,393,437,397,435,402,441" alt="site-76" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="398,463,393,472,382,476,376,477,372,474,363,474,359,478,348,480,347,487,350,496,361,499,360,497,366,500,375,499,384,500,395,498,391,485,397,487" alt="site-74" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="311,384,322,384,329,388,329,394,327,399,330,406,336,405,340,407,342,412,349,410,362,403,357,397,352,387,349,383,340,388,337,385,339,378,344,370" alt="site-80" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="297,388,288,395,292,403,295,406,302,404,305,402,308,406,314,407,320,407,323,407,324,407,324,414,325,422,325,424,321,425,312,424,307,424,301,425,297,428,294,428,289,424,286,423,281,421,281,416,281,412,282,409,284,403,281,398,263,394" alt="site-82" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="231,394,236,408,237,412,237,416,237,419,237,422,238,425,239,428,242,429,246,430,247,431,247,433,252,433,254,432,263,429,264,428,265,426,261,420,261,419,260,414,259,409,258,407,256,407,255,406,248,407,246,407,245,405,246,401,247,398,248,396" alt="site-84" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="175,427,187,427,182,416,183,412,192,405,200,402,205,410,215,410,215,416,213,424,213,427,207,429,200,430,197,425,189,431,188,437,186,449" alt="site-65" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="206,475,215,468,207,464,202,461,202,454,203,448,207,444,210,443,214,442,226,446,231,447,229,454,226,463,222,472,222,482,223,489" alt="site-66" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="248,503,253,500,257,497,257,493,247,492,244,490,244,487,244,483,244,476,244,471,249,470,256,473,258,468,263,471,270,473,272,473,277,473,287,474,289,474,288,484,288,491,280,492,276,492,269,492,268,492,264,497,263,505,263,513,263,514" alt="site-67" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="288,544,294,539,295,536,291,535,286,535,285,531,282,528,282,524,281,520,285,515,291,515,296,512,297,508,305,513,309,514,315,515,324,515,328,515,328,519,326,532,327,533,320,536,313,536,307,534,305,537,303,547,302,553" alt="site-68" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="342,571,343,568,342,563,341,558,333,563,331,561,328,554,322,545,339,537,342,540,343,541,345,541,349,543,350,545,352,548,352,549,350,553,350,555,351,558,354,561,356,563,359,565,362,568,363,568,362,569" alt="site-69" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="168,499,165,501,159,501,152,504,152,507,153,510,154,514,156,517,160,520,164,520,169,517,173,518,174,518,178,516,180,513,180,509,181,508,181,503,184,499" alt="site-86" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="166,529,170,527,180,527,186,524,195,524,196,529,195,533,189,534,184,537,183,542,182,546,178,547,171,547,165,545,163,540,165,538,166,536" alt="site-87" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="206,548,208,554,205,557,200,558,201,563,201,565,200,569,197,570,190,570,182,570,176,567,177,562,178,555,184,550,188,550,192,550,193,550,195,549" alt="site-88" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="223,567,229,575,218,575,223,581,222,585,221,588,218,592,211,591,207,589,202,593,195,590,197,584,198,577,199,575,205,573,212,571" alt="site-89" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="242,584,246,589,248,593,250,598,251,603,252,606,250,611,249,614,243,616,239,613,238,613,230,613,224,610,226,605,227,596,235,595,230,590" alt="site-90" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="364,575,366,582,365,590,366,596,367,609,378,612,389,609,389,601,388,591,386,587,377,587,374,583,381,571" alt="site-70" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="395,529,393,526,385,528,384,532,387,538,387,541,368,543,359,528,360,523,363,520,384,520,399,506" alt="site-72" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="400,549,407,554,412,558,412,561,414,567,419,566,423,571,430,567,436,564,446,564,453,564,451,551,451,546,448,544,441,544,434,546,429,542,426,539,423,544,421,545,416,545,409,540,403,531" alt="site-71" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="407,509,415,506,427,509,438,514,442,500,442,494,438,486,433,485,429,487,421,486,416,487,415,492,418,497,413,496,405,489" alt="site-73" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="501,503,489,508,481,510,471,511,466,513,468,527,476,533,491,532,498,525,494,517,497,514,504,516" alt="site-40" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="504,503,510,493,518,486,530,480,535,478,536,472,536,467,536,463,534,458,527,457,526,457,523,458,521,458,519,456,514,458,510,463,508,466,508,468,510,474,510,483,508,484,502,486" alt="site-39" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="512,437,521,437,525,420,531,418,538,421,544,421,551,422,551,427,549,433,546,436,545,440,543,445,531,442,522,443,511,444,507,448" alt="site-37" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="525,537,531,528,527,524,517,519,529,499,533,500,536,503,543,500,548,506,547,515,549,520,541,527,543,538,549,547" alt="site-42" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="580,551,576,541,563,545,557,525,563,523,571,519,577,522,581,520,585,523,584,529,587,534,592,542,599,546" alt="site-44" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="515,532,504,540,499,540,492,546,490,550,496,558,500,568,512,567,518,560,514,547,518,543,525,542" alt="site-41" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="549,557,549,554,547,561,546,564,541,568,536,571,530,575,535,584,539,587,541,589,551,587,558,585,564,582,567,578,568,575,567,571,564,565,563,561,568,558" alt="site-53" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="632,531,628,523,627,520,611,525,608,517,604,506,616,501,622,499,624,500,631,501,637,504,636,510,636,513,637,516,648,521" alt="site-46" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="610,550,613,559,612,565,613,570,618,571,620,576,627,579,636,577,639,571,639,558,639,555,633,552,625,554,619,553,627,542" alt="site-45" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="671,521,672,527,671,534,666,536,662,545,661,550,664,552,670,554,682,559,692,559,692,555,705,555,705,548,705,539,702,535,693,536,686,536,679,529,687,524,694,517" alt="site-47" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="727,518,723,526,723,533,719,540,714,546,713,548,725,558,728,561,733,559,742,554,742,551,742,546,740,540,732,535,727,532,737,528,746,525" alt="site-48" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="753,519,754,510,749,510,743,509,736,504,740,498,745,486,747,483,762,489,764,493,763,508,764,514,767,521,767,524" alt="site-49" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="790,529,789,520,782,519,775,519,774,512,773,500,783,498,792,499,794,504,795,519,804,531" alt="site-51" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="769,533,771,542,763,544,754,544,752,548,752,558,758,564,767,566,773,574,787,560,781,552,776,544,785,538" alt="site-50" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="798,539,800,546,801,549,794,551,794,558,794,566,799,569,808,572,816,574,823,559,823,556,821,554,816,550,811,549,808,548,816,538" alt="site-52" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="842,520,835,511,822,524,819,519,819,521,813,521,807,516,808,510,809,504,810,501,817,502,823,496,839,504,847,506,858,508" alt="site-53" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="832,536,837,550,839,563,846,560,858,560,861,557,862,549,860,543,858,537,850,539,845,538,845,528" alt="site-54" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="875,477,864,476,860,493,856,494,848,494,841,494,836,490,837,482,840,473,840,470,855,470,877,463" alt="site-57" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="862,513,870,523,881,536,887,533,899,527,896,516,895,509,890,510,889,510,884,510,874,510,872,508,870,503" alt="site-55" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="878,491,890,494,898,503,904,504,915,492,917,488,914,481,911,474,905,473,900,474,893,473,887,473,888,480,881,475" alt="site-56" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="878,416,879,412,891,408,905,405,904,401,900,393,900,385,895,385,880,385,876,386,874,387,871,392,873,397,869,404" alt="site-59" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="867,414,867,418,862,430,855,436,846,443,842,445,842,453,843,459,844,461,850,463,856,462,866,462,869,456,871,451,868,442,865,435,878,431" alt="site-58" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="808,366,807,372,806,378,805,386,797,391,794,394,794,400,794,404,801,406,807,409,809,411,810,413,824,402,813,386,820,377,820,378" alt="site-61" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="829,384,833,390,832,400,832,407,826,411,827,414,826,420,826,423,828,426,832,426,835,426,839,425,845,427,850,425,851,422,850,414,851,410,853,406,843,402,837,402,841,392" alt="site-61" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="802,347,812,341,823,342,834,342,841,335,847,337,851,334,849,318,842,318,832,320,829,316,819,317,810,317,805,320,805,321,806,327,806,332,797,332,794,329" alt="site-62" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="780,307,788,309,794,304,793,302,788,303,783,300,782,292,783,284,785,283,793,282,797,285,798,287,802,282,807,283,806,286,809,287,812,287,812,294,813,297,813,300,815,304,816,305,811,307,806,309,798,312,789,316,787,318,787,319" alt="site-64" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="773,311,771,320,769,328,764,331,757,331,756,335,754,341,754,346,756,349,760,351,764,350,766,351,771,355,781,349,786,345,784,339,776,329,781,322" alt="site-63" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="740,218,758,213,764,212,765,219,767,221,778,219,787,217,787,212,786,207,787,204,794,204,797,202,794,194,788,194,763,194,756,196" alt="site-18" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" shape="poly" coords="764,187,788,187,809,182,811,175,802,175,800,171,799,165,792,165,780,166,774,168,774,175,768,177" alt="site-19" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" nohref="nohref" />
- </map>
-
- <img class="show-for-large-up hide-for-medium-down" src="<?php echo get_template_directory_uri(); ?>/assets/campsite-map.jpg" alt="Camp Sites" usemap="#campgroundMap">
- <a href="<?php echo get_permalink(822); ?>"><img class="show-for-medium-down hide-for-large-up" src="<?php echo get_template_directory_uri(); ?>/assets/campsite-map.jpg" alt="Camp Sites"> </a>
-
- </div>
- <h1>Cabin Specifications and Pictures</h1>
- <div id="map-bottom-container">
- <div id="cabin-map-container">
- <h5 class="map-headline">Hover over a campsite to view specifications and pictures</h5>
- <map name="cabins-map" id="cabins-map">
- <area class="tooltip_hover show-for-medium-up" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" shape="rect" coords="262,14,334,32" alt="cabin-4" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" shape="rect" coords="308,286,373,303" alt="cabin-f" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" shape="rect" coords="429,115,500,128" alt="cabin-1" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" shape="poly" coords="394,99,388,96,384,95,380,93,364,94,343,94,326,94,324,93,322,90,322,82,324,75,336,76,353,77,363,76,367,80,373,78,377,76,380,76,385,76,396,78,402,80,401,85,399,91,394,97" alt="cabin-3" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" shape="poly" coords="410,97,415,90,420,82,425,85,432,87,437,84,444,83,447,85,449,85,461,84,470,83,473,85,482,83,489,84,487,91,488,95,488,98,475,99,464,99,452,99,440,99,432,98,428,98,424,104,422,108,416,107,409,99" alt="cabin-2" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" shape="poly" coords="385,199,385,189,402,190,408,190,408,177,408,174,391,174,370,174,363,172,371,169,375,165,367,160,372,156,366,149,360,144,358,147,355,144,353,142,345,147,340,153,344,158,349,164,354,169,354,171,343,170,334,172,335,181,335,189,342,188,354,187,357,190,356,203,371,204,384,205" alt="recreation-hall" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" shape="poly" coords="402,268,410,259,414,254,422,258,427,262,431,257,436,259,453,259,464,259,470,258,478,258,481,261,481,264,480,272,476,274,468,275,451,274,440,274,430,275,424,273,422,272,417,277,415,277" alt="cabin-d" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" shape="poly" coords="215,524,227,529,233,532,260,533,285,534,284,542,285,547,303,546,315,549,318,557,318,564,306,566,276,565,252,565,232,565,226,565,225,553,226,548,210,547,206,543" alt="cabin-5" nohref="nohref" />
- <area class="tooltip_hover show-for-medium-up" onmouseover="site_info(this);get_pos(event); " onclick="full_content_tool_tip(this)" shape="poly" coords="313,319,313,325,312,333,302,331,299,344,299,350,324,350,342,351,357,351,355,340,357,334,350,335,340,336,341,327,340,317" alt="pavilion" nohref="nohref" />
- </map>
- <img src="<?php echo get_template_directory_uri(); ?>/assets/cabins-map.jpg" alt="bottom-map" usemap="#cabins-map">
- </div>
- <div id="map-preview">
- <h5 class="map-preview-headline">Click below to view PDF Map</h5>
- <a href="http://www.emmetcounty.org/wp-content/uploads/2015/09/Campground-map-with-handicapped-sites.pdf" id="map-preview-link"><img src="<?php echo get_template_directory_uri(); ?>/assets/view-full-map-preview-image.jpg" alt="bottom-map"></a>
- </div>
- </div>
- </div>
- </div>
- </div>
-
-<?php get_footer(); ?>
-
-<script type="text/javascript">
- var side;
- var width = jQuery(window).width();
- jQuery(window).resize( function () {
- var width = jQuery(window).width();
- });
-
- function capitalizeFirstLetter(string) {
- return string.charAt(0).toUpperCase() + string.slice(1);
- }
-
-
- var x, y, site, mouseover,half, 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('full-content-tool-tip');
- var full_tool_tip = document.getElementsByClassName('full-content-tool-tip');
- var full_content_tool_tip = jQuery(".full-content-tool-tip");
- var tool_text = document.getElementsByClassName('tool-text');
- var site_name = document.getElementsByClassName('site-name');
- var site_array = <?php echo $js_sites ?>;
- var site_images = <?php echo $js_images ?>;
- var site_meta = <?php echo $js_meta ?>;
- var site_campers = <?php echo $js_categories ?>;
-
- function get_pos(event){
- x = event.clientX;
- y = event.clientY;
- }
-
- function site_info(el){
- campers = [];
- site= el.alt;
-
- if(site_array[site]){
- site_name_text = site_array[site]['post_title'];
- }
-
- if( site_meta[site] && site_meta[site]['petosega_loop'][0] !== "" ){
- site_loop = site_meta[site]['petosega_loop'];
- site_loop = site_loop.join();
- switch (site_loop) {
- case '0':
- site_loop_alpha = 'A';
- break;
- case '1':
- site_loop_alpha = 'B';
- break;
- case '2':
- site_loop_alpha = 'C';
- break;
- case '3':
- site_loop_alpha = 'D';
- break;
- case '4':
- site_loop_alpha = 'E';
- break;
- case 'A':
- site_loop_alpha = 'A';
- break;
- case 'B':
- site_loop_alpha = 'B';
- break;
- case 'C':
- site_loop_alpha = 'C';
- break;
- case 'D':
- site_loop_alpha = 'D';
- break;
- case 'E':
- site_loop_alpha = 'E';
- break;
- }
- } else {
- site_loop_alpha = "None";
- }
- if(site_meta[site]){
- site_power = site_meta[site]['petosega_power'];
- site_power = site_power.join();
- if( site_power === ""){
- site_power = "No";
- }
- }
-
- if(site_meta[site]){
- site_water = site_meta[site]['petosega_water'];
- site_water = site_water.join();
- if(site_water === ""){
- site_water = "No";
- }
- }
-
- if(site_meta[site]){
- site_sewer = site_meta[site]['petosega_sewer'];
- site_sewer = site_sewer.join();
-
- if(site_sewer === ""){
- site_sewer = "No";
- }
- }
-
- temp = site_campers[site];
- for(var i in temp){
- campers.push(temp[i].name);
- }
- if(campers == ""){
- campers = "None";
- }
-// camper_string = campers.join();
-
-
- }
- jQuery(".tooltip_hover").hover(function () {
-
- jQuery("div").mouseover(function(e){
- var pHeight = jQuery(this).innerHeight();
- var pWidth = jQuery(this).innerWidth(); //use .outerWidth() if you want borders
- var pOffset = jQuery(this).offset();
- var x = e.pageX - pOffset.left;
- var y = e.pageY - pOffset.top;
- if(pWidth / 2 > x)
- side = "left";
- else
- side = "right";
-
- if(pHeight / 5 > y){
- half = "top";
- } else {
- half = "bottom";
- }
- });
- var center_height = jQuery(window).scrollTop() + jQuery(window).height() / 2;
- var center_width = jQuery(window).scrollTop() + jQuery(window).width() / 2;
- var pop_up_width = full_content_tool_tip.width() / 2;
- var pop_up_height = full_content_tool_tip.height() / 2;
-
-// console.debug(half);
-
- jQuery(this).css("cursor", "pointer");
- jQuery(tool_tip[0]).show();
- 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(".full-content-tool-tip").find(".full-site-loop").html("<strong>Loop:</strong> " + site_loop_alpha);
- 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);
-
-// if(jQuery(window).width() > 640 && jQuery(window).width() < 900){
-// if(half == "bottom" && side == "left"){
-// tool_tip[0].style.left = x + "px";
-// tool_tip[0].style.top = (y - pop_up_height - 5) + "px";
-// } else if(half == "top"){
-// tool_tip[0].style.left = x + "px";
-// tool_tip[0].style.top = (y + pop_up_height - 5) + "px";
-// }
-// }
- if( side == "left"){
- tool_tip[0].style.left = x + pop_up_width + "px";
- tool_tip[0].style.top = (y - pop_up_height - 5) + "px";
- } else if( side == "right"){
- tool_tip[0].style.left = x - pop_up_width - 10 + "px";
- tool_tip[0].style.top = (y - pop_up_height + 20) + "px";
- }
-
- }, function () {
- jQuery(tool_tip[0]).hide();
- });
-
-// function hide_tool_tip(el) {
-// tool_tip[0].style.display = "none";
-// }
-//
- function full_content_tool_tip(el){
- element = el;
- mouseover = el.onmouseover;
-
- tool_tip[0].style.display = "none";
- full_tool_tip[0].style.display = "block";
-
- jQuery(".full-content-tool-tip").find(".full-site-name").html("<strong>" + capitalizeFirstLetter(site_name_text) + "</strong>");
- if(site_images[site] !== ""){
- jQuery(".full-content-tool-tip").find(".site-image").css("background", "url(" + site_images[site] + ")no-repeat center center").css("background-size", "cover");
- }
- jQuery(".full-content-tool-tip").find(".full-site-loop").html("<strong>Loop:</strong> " + site_loop_alpha);
- jQuery(".full-content-tool-tip").find(".full-site-power").html("<strong>Power:</strong> " + site_power);
- jQuery(".full-content-tool-tip").find(".full-site-sewer").html("<strong>Sewer:</strong> " + site_sewer);
- jQuery(".full-content-tool-tip").find(".full-site-water").html("<strong>Water:</strong> " + site_water);
- jQuery(".full-content-tool-tip").find(".full-site-campers").html("<strong>Campers:</strong> " + campers);
-
- }
-
- jQuery(".exit-button").on("click", function () {
- element.onmouseover = mouseover;
- jQuery(full_tool_tip).css("display", "none");
- });
-
- // close pop up div when clicking anywhere but that div
- $(document).mouseup(function (e)
-{
- var container = $(full_tool_tip);
-
- 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.hide();
- }
- });
-
- if(full_tool_tip[0].style.display === "block"){
- tool_tip[0].style.display = "none";
- }
- imageMapResize();
-
-</script>
-
-
-
-
projects / WP-Themes / petoskeyveterinarian.git / commitdiff