|
Server : Apache/2.2.22 (Unix) mod_ssl/2.2.22 OpenSSL/1.0.0-fips mod_auth_passthrough/2.1 mod_bwlimited/1.4 System : Linux server.jackjohnson.com 2.6.32-279.5.2.el6.x86_64 #1 SMP Fri Aug 24 01:07:11 UTC 2012 x86_64 User : jackjohn ( 502) PHP Version : 5.3.17 Disable Function : NONE Directory : /home/jackjohn/public_html/ |
Upload File : |
<!DOCTYPE html><html lang="en-US" class="nojs nores"><head>
<meta name="generator" content="ShopSite Manager 14.0 sp2 (data - CJ-JJ.sst)">
<meta name="referrer" content="no-referrer-when-downgrade">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta name="web_author" content="Jack Johnson Custom by ShopSite, Inc."><meta name="HandheldFriendly" content="True"><meta property="og:title" content="Jack Johnson Lodge">
<meta name="twitter:title" content="Jack Johnson Lodge">
<meta name="keywords" content="Jack Johnson Lodge">
<meta property="og:description" content="Love This : Jack Johnson Lodge">
<meta name="twitter:description" content="Love This : Jack Johnson Lodge">
<meta property="og:type" content="og:product">
<meta property="og:price:amount" content="0.00"><meta property="og:price:currency" content="USD"><meta property="og:availability" content="in stock">
<meta property="og:image" content="http://jackjohnson.com/media/jack-johnson-lodge-01.png">
<meta name="twitter:image" content="http://jackjohnson.com/media/jack-johnson-lodge-01.png">
<meta name="twitter:card" content="http://jackjohnson.com/jack-johnson-lodge.html">
<meta property="og:url" content="http://jackjohnson.com/jack-johnson-lodge.html">
<title>Jack Johnson Lodge</title>
<link rel="canonical" href="http://jackjohnson.com/jack-johnson-lodge.html">
<style type="text/css">
#prod_img>img {max-width:100%}
.miprprc {font-size: 180%}
.miprprc, div#misku, .miadd select, div#miinv {margin: 5px 0}
.miadd select {display: block;max-width: 94%;padding: 5px}
div#micrtext textarea {padding:5px;margin:5px 0px;max-width: 94%}
div#miopts {padding: 15px 0px}
div#miopts > b, div#micrtext > b {display: block}
form.miadd input[type="submit"] {margin-top:5px;margin-bottom:5px}
div#miCarousel {border:1px solid #EEEEEE;background: #FFF}
div#miCarousel.miindicators {margin-bottom:80px}
div#miCarousel .carousel-item > span {display: block;width: 100%;text-align: center}
div#miCarousel .carousel-item > span > img {margin: 0px auto}
div#miCarousel .carousel-indicators {bottom:-71px;margin:0px}
div#miCarousel .carousel-indicators li:before, div#miCarousel .carousel-indicators li:after {display: none}
div#miCarousel .carousel-indicators li {height:auto;max-height:60px;max-width:60px;padding-top:100%;position:relative;text-indent:0px}
div#miCarousel .carousel-indicators li img {display: inline-block; max-height: 100%; max-width: 100%}
div#miCarousel .carousel-indicators li > a {background-position:center;background-repeat:no-repeat;background-size:contain;display: block;min-height:60px;width: 100%;}
div#miCarousel .carousel-indicators li.active > a {border: 1px solid #EEEEEE}
div#asseenin {margin:20px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #EEEEEE}
div#asseenin > img {display: block;max-width:100%}
div.text-center div#asseenin > img {margin:0px auto}
span.ss_out_of_stock {color: #8A6D3B}
span.ss_low_stock {color: #8A6D3B}
div.prsubs > span {display: block; padding-bottom: 8px}
div.prsubs input {margin-right: 8px}
div#accordion h5 a {display: block; text-decoration: none; cursor: pointer}
@media screen and (max-width:768px) {
.collapse.show {border: 1px solid #EEEEEE}
}
</style>
<link rel="stylesheet" type="text/css" href="http://jackjohnson.com/shopsite-images/en-US/backgrounds/entypo.css"><link rel="stylesheet" href="http://jackjohnson.com/publish/cjboot.min.css">
<style type="text/css">html, body {height: 100%}body {background-color:#F8F8F8}body,td{color:#111111}a{color:#066043}a:hover{color:#167959}.container {position: relative;margin-left: auto;margin-right: auto;padding-right: 15px;padding-left: 15px}@media (min-width: 768px) {.container {max-width: 100%}}@media (min-width: 992px) {.container {width: 960px; max-width: 100%}}@media (min-width: 1200px) {.container {width: 1200px;max-width: 100%}}div#cj-hn a{color:#FFFFFF}div#cj-hn a:hover{color:#F8F8F8}body.fillbrowser.navoverlayno div#cj-hnv, body.fillcontent.navoverlayno div#cj-hnv>div {background:#5A4B41}div#cj-nol {position: relative; background-color:#5A4B41;background-position: center; background-repeat: no-repeat; background-size: cover;color:#FFF}button#cj-sTog:before, button#cj-sTog:after, body.mobile button#cj-navTog:before, body.mobile button#cj-navTog:after {border-color: #555555}button#cj-sTog:hover:before, button#cj-sTog:hover:after, body.mobile button#cj-navTog:hover:before, body.mobile button#cj-navTog:hover:after {border-color: #066043}a#signinlink>span,div#user-links a>span,div#cj-wl>a>span,div#cj-hp>a>span,a#cj-mini>span.icon-shopping-cart,div#cj-fc>a>span,div#cj-fc>div>span{color: #555555}a#signinlink:hover>span,div#user-links a:hover>span,div#cj-wl>a:hover>span,div#cj-hp>a:hover>span,a#cj-mini:hover>span.icon-shopping-cart,div#cj-fc>a:hover>span,div#cj-fc>div>span:hover{color: #066043}div#cj-fc [class^="icon-"],div#cj-fc [class*=" icon-"]{color:#69BA39}div#cj-fc .social_follow{background:#69BA39}div#cj-fc .social_follow:hover{background:#69BA39}div#cj-h ul#ShopSite > li > a {font-family:'Oswald',Oswald,Arial Narrow,'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .left_pagetitle, .right_pagetitle, .footer_pagetitle, #cj-storename {font-family: 'Oswald',Oswald,Arial Narrow, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif}body,td {letter-spacing:0.4px}
div#cj-h a {color: inherit}
div#cj-hac{background:#555555;color:#FFF;padding-top: 0.5em; padding-bottom: 0.5em}
div#cj-hin, div#cj-hnv, div#cj-hch {padding-top: 1.5em; padding-bottom: 1.5em}
body.navoverlayno div#cj-hin, body.navoverlayno div#cj-hnv, body.navoverlayno div#cj-hch {border-bottom: 1px solid #EEEEEE}
div#cj-hin {position: relative;z-index: 1}
div#cj-car{background:#555555;padding:4em 0px}
div#cj-car .card {background:#FFF;color:#5A4B41;overflow:hidden;margin-right:0px}
div#cj-cararr>a {font-size: 120%;display: inline-block;height:30px;width:30px;background: #EEEEEE;text-align: center;border-radius: 20px;line-height:30px;margin:0px 0px 5px 10px;text-decoration:none !important}
div#cj-cararr>a:hover{background:#8A6D3B}
div#cj-f {background:#F8F8F8;color:#066043}
div#cj-fc .social_follow {background: #066043}
div#cj-f a:hover {color: #5A4B41}
div#cj-nol div#cj-hl img {-webkit-filter:invert(1);filter:invert(1)}
span.onsaleflag {background:#167959}
html {height:100%;overflow:hidden;}
body {background: repeating-linear-gradient(45deg, #6d6033, #6d6033 2px, #5e5125 2px, #5e5125 4px);max-height:100%}
div#cj-m {position:static}
div#jj-header {height:26%;width:900px;max-width:96% !important}
div#jj-header > div {height:100%}
div#jj-header img {max-height:70%;}
div#jj-header div.nav-parent {width:180px;max-width:33%;filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 1))}
div#jj-header div.nav-parent a {position:relative;background: rgb(179,172,153);background: linear-gradient(90deg, rgba(179,172,153,1) 0%, rgba(230,227,221,1) 100%);display:block;line-height: 1.5em;font-family: "Oswald";color: #3f3e3c;font-size: 120%;text-transform: uppercase;padding: 0.25em 8px;margin-right: 6px;box-shadow:0px 0px 10px rgba(0,0,0,1);transition:all ease 0.5s;clip-path:polygon(0% 0%,0% 0%,95% 0%,100% 30%,100% 100%,0 100%,0 100%,0 100%);}
div#jj-header div.nav-parent a:hover {padding-bottom:20px}
div#jj-middle {width:100%;border-bottom:1px solid #a79f84;border-top:1px solid #a79f84}
div#jj-nav {position: relative;z-index: 1;bottom: -2px}
div#main-content {background:white;width:900px;max-width:96% !important;box-shadow:0px 0px 20px rgba(0,0,0,1);z-index:2}
div#main-content > div {width:100%;height:100%}
div#main-content > div:before {display:block; content:'';position:absolute;top:0px;height:100%;border-right:1px solid #a79f84}
div#main-content > div:after {display:block; content:'';position:relative;border-left:1px solid #a79f84;float:right}
div#jj-content {height: 100%;overflow:hidden;padding-bottom:40px;position:relative}
div#jj-middlecontent {height:100%}
div#designing {box-shadow:0px 0px 7px rgba(0,0,0,1);padding:0.5em 15px 0.6em 15px;text-align:left;text-transform:uppercase;font-family:"Oswald";background:#707007;color:#bc9a50;font-size:90%;text-shadow:0px 0px 3px rgba(0,0,0,1);position:relative;z-index:1}
div#jj-footer {box-shadow:0px 0px 7px rgba(0,0,0,1);text-align:right;position:absolute;bottom:0px;width:100%;display:block; padding:0.5em 15px 0.6em 15px;color:#c3c09a;text-shadow:0px 0px 3px rgba(0,0,0,1);background:#707007;font-family:"Oswald";text-transform:uppercase}
div#jj-footer a {color:inherit;padding-left:20px}
div#jj-footer a:hover {color:#bc9a50}
div#left-sideways > div {transform: rotate(270deg);position: absolute;bottom: 60px;font-size: 400%;line-height: 40px;white-space: nowrap;font-family: "Oswald";text-transform: uppercase;text-align: left;width: 10px;height: 10px;left: 20px;color: #be9c52;font-weight: bold}
div#jj-gradient {background: rgb(179,172,153);background: linear-gradient(90deg, rgba(255,255,255,0) 8px, rgba(0,0,0,0.5) 15px, rgba(179,172,153,1) 15px, #f7f4eb 30%);}
div#pg-img-ph {background: #887c70;height: 100px;margin-top: 15px}
h1 {color:#45342d;text-transform:uppercase;font-size:200%;margin-bottom: 0px;font-weight: bold;}
div#page-title {background: #e2ded1}
div#dark-text {height:100%; background:#b1a992;overflow:auto}
div#set-height {height:calc(100% - 147px)}
div#set-height div.col-md-8 {height:100%;max-height:100%;overflow:auto}
div#cj-min {padding:0px !important;min-height:100px !important}
h3 {font-size: 115%;text-transform: none;text-decoration: underline}
div#left-links span, div#left-links a {display: block;padding: 0.4em;font-family: "Oswald";font-size: 80%;text-transform: uppercase;background: #e2ded1;margin-bottom: 3px;color: #4f4935;transition:all ease 0.4s}
div#left-links span.active, div#left-links a.active, div#left-links a:hover {color:#aa8a4c;background:#4f4935}
h4 {margin-top: 30px;font-size: 106%;text-transform: none;margin-bottom: 5px}
div.jj-portfolio {width:25%;float:left}
div.jj-portfolio a:nth-child(2) {opacity:0.5;transition:all ease 0.5s;display: block;padding-top: 98%;width: 98%;background-repeat: no-repeat;background-position: center;background-size: 320px;line-height: 0px;margin-bottom:2%}
div.jj-portfolio:nth-child(4n+1) {clear:left !important}
div.jj-portfolio a:hover {opacity:1}
div#miinfo {background: #605d1a;box-shadow: 0px 0px 6px rgba(0,0,0,0.6)}
div#jj-sans-gradient > div {max-height:100%}
div#jj-sans-gradient > div > div {max-height:100%;overflow:auto}
</style>
<script type="text/javascript">function setCookie(t,e,r){var o=new Date;o.setTime(o.getTime()+24*r*60*60*1e3);var n="expires="+o.toUTCString();document.cookie=t+"="+e+";"+n+";path=/"}function getCookie(t){for(var e=t+"=",r=document.cookie.split(";"),o=0;o<r.length;o++){for(var n=r[o];" "==n.charAt(0);)n=n.substring(1);if(0==n.indexOf(e))return n.substring(e.length,n.length)}return""}function lsTest(){try{return localStorage.setItem("test","test"),localStorage.removeItem("test"),!0}catch(t){return!1}}</script>
<script type="text/javascript">if(lsTest() === true) {var cjns=localStorage.getItem('cjns');var cjnw=localStorage.getItem('cjnw');var cjnc=sessionStorage.getItem('cjnc');} else {var cjn=getCookie('cjn').split('|');var cjns=cjn[0];var cjnw=cjn[1];var cjnc=cjn[2];}</script>
<style type="text/css">
div#jj-middlecontent {height: calc(100% - 22px);background:#bd9b51}
div#jj-middlecontent > div > div {max-height: 100%;overflow:auto}
div#carouselMoreInfo .carousel-indicators {margin-top: 0px !important}
div#carouselMoreInfo .carousel-indicators span {background-color:transparent !important}
div#carouselMoreInfo .carousel-indicators li.active {border-color: transparent !important;opacity:1}
div#carouselMoreInfo .carousel-indicators li {opacity:0.5}
</style>
<script type="text/javascript">escape=encodeURIComponent;unescape=decodeURIComponent;</script><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
var ss_jQuery = jQuery.noConflict(true);
</script>
</head>
<body class="fullwidth square uppercase fillbrowser bordersthin shadingsome navoverlayno desktop">
<script type="text/javascript">if (document.documentElement.clientWidth == cjnw) {document.getElementsByTagName("body")[0].classList.remove("desktop");document.getElementsByTagName("body")[0].classList.add(cjns);}
window_height = ss_jQuery(window).height();
ss_jQuery("body").prepend("<style type='text/css'>div#main-content > div:after{height:"+(window_height*2)+"px;top:-"+window_height+"px}</style>")
</script>
<div id="borders" class="d-flex flex-column align-items-center" style="height:100%">
<div id="jj-header" class=""><div class="d-flex justify-content-between align-items-end">
<div><a href="http://jackjohnson.com/index.html" class="d-block px-5 pb-3"><img src="http://jackjohnson.com/media/jack-johnson-company-logo.png" alt="Jack Johnson Company" class="img-fluid" style="max-height:100px"></a></div>
<div id="jj-nav" class="ml-auto d-flex align-items-end justify-content-end mr-2"><div class="nav-parent"><a href="http://jackjohnson.com/about.html">ABOUT</a></div><div class="nav-parent"><a href="http://jackjohnson.com/land-planning.html">Our Services</a></div><div class="nav-parent"><a href="http://jackjohnson.com/portfolio.html">Portfolio</a></div></div>
</div></div>
<div id="jj-middle" class="d-flex justify-content-center">
<div id="main-content" style="height:30px;width:30px"><div>
<div id="jj-content">
<div id="designing">Designing World Destinations</div>
<div id="jj-middlecontent" class="d-flex align-items-stretch">
<div class="d-flex">
<div id="miimg pb-4" class="col-md-8 text-center p-0"><style type="text/css">img#cj-miimage {background: #FFFFFF; max-width: 100%}div#cj-zoomcontain {margin-bottom: 0px auto 50px auto; text-align: center}.zoomPad {cursor: crosshair;position:relative;display:inline-block}.zoomPreload {display: none}.zoomPup {overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #FFF; z-index:101; cursor:crosshair}.zoomOverlay {position:absolute; left:0px; top:0px; background:#FFF; z-index:1000; width:100%; height:100%; display:none; z-index:101}.zoomWindow {position:absolute; left:110%; top:40px; background:#FFF; z-index:2000; height:auto; z-index:3000; z-index:110;box-shadow:0px 0px 10px rgba(0,0,0,0.1);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1)}.zoomWrapper {position:relative; z-index:110}.zoomWrapperImage {display:block; position:relative; overflow:hidden; z-index:110}.zoomWrapperImage img {border:0px; display:block; position:absolute; z-index:101; max-width: none}.zoomIframe{z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block}div#carouselMoreInfo .carousel-item a, div#prod_img a {display: block;text-align: center;width: 100%}div#carouselMoreInfo .carousel-item img, div#prod_img img {margin:0px auto;max-width:100%}div#carouselMoreInfo .carousel-indicators {position:relative;bottom:0px;margin-top:15px}div#carouselMoreInfo .carousel-indicators li {background-color:#EEEEEE}div#carouselMoreInfo .carousel-indicators li.active {background-color:#066043}@media screen and (max-width:768px) {body.circle div#carouselMoreInfo .carousel-indicators li,body.rounded div#carouselMoreInfo .carousel-indicators li {height:12px;max-width:12px;border-radius:50%}div#cj-zoomcontain {display: none !important}}@media screen and (min-width:768px){div#carouselMoreInfo.miZoom .carousel-inner,div#carouselMoreInfo.miZoom .carousel-control-prev,div#carouselMoreInfo.miZoom .carousel-control-next {display:none !important}div#carouselMoreInfo .carousel-indicators li {height:60px;max-width:60px;text-indent:0px;border:1px solid transparent;background-color:transparent !important}body.bordersthick div#carouselMoreInfo .carousel-indicators li {border:2px solid transparent}div#carouselMoreInfo .carousel-indicators li.active {border:1px solid #EEEEEE}body.bordersthick div#carouselMoreInfo .carousel-indicators li.active {border:2px solid #EEEEEE}div#carouselMoreInfo .carousel-indicators span {display: block;height: 100%;background-color:#FFF;background-position: center;background-size: contain;background-repeat: no-repeat}}@media screen and (max-width: 988px) {.zoomPreload, .zoomPup, .zoomOverlay, .zoomWindow, .zoomWrapper, .zoomWrapperTitle, .zoomWrapperImage, .zoomIframe{display: none !important}}</style>
<div id="carouselMoreInfo" class="carousel slide" data-ride="false">
<div class="carousel-inner">
<div class="carousel-item active"><a id="carousel-main" href="#" onclick="return miGPop('http://jackjohnson.com/media/jack-johnson-lodge-01.png')"><img src="http://jackjohnson.com/media/jack-johnson-lodge-01.png" alt="Jack Johnson Lodge" name="prod_img"></a></div>
<div class="carousel-item"><a href="#" onclick="return miGPop('http://jackjohnson.com/media/jack-johnson-lodge-02.png')"><img src="http://jackjohnson.com/media/jack-johnson-lodge-02.png" alt="jack-johnson-lodge-02"></a></div><div class="carousel-item"><a href="#" onclick="return miGPop('http://jackjohnson.com/media/jack-johnson-lodge-03.png')"><img src="http://jackjohnson.com/media/jack-johnson-lodge-03.png" alt="jack-johnson-lodge-03"></a></div><div class="carousel-item"><a href="#" onclick="return miGPop('http://jackjohnson.com/media/jack-johnson-lodge-04.png')"><img src="http://jackjohnson.com/media/jack-johnson-lodge-04.png" alt="jack-johnson-lodge-04"></a></div><div class="carousel-item"><a href="#" onclick="return miGPop('http://jackjohnson.com/media/jack-johnson-lodge-05.png')"><img src="http://jackjohnson.com/media/jack-johnson-lodge-05.png" alt="jack-johnson-lodge-05"></a></div><div class="carousel-item"><a href="#" onclick="return miGPop('http://jackjohnson.com/media/jack-johnson-lodge-06.png')"><img src="http://jackjohnson.com/media/jack-johnson-lodge-06.png" alt="jack-johnson-lodge-06"></a></div> </div>
<a class="carousel-control-prev" href="#carouselMoreInfo" role="button" data-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="sr-only">Prev</span></a>
<a class="carousel-control-next" href="#carouselMoreInfo" role="button" data-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="sr-only">Next</span></a>
<ol class="carousel-indicators"> <li data-target="#carouselMoreInfo" data-slide-to="0" class="active" id="prod-img-main"><span style="background-image:url(http://jackjohnson.com/media/jack-johnson-lodge-01.png)"></span></li>
<li data-target="#carouselMoreInfo" data-slide-to="1"><span style="background-image:url(http://jackjohnson.com/media/ss_size3/jack-johnson-lodge-02.png)"></span></li><li data-target="#carouselMoreInfo" data-slide-to="2"><span style="background-image:url(http://jackjohnson.com/media/ss_size3/jack-johnson-lodge-03.png)"></span></li><li data-target="#carouselMoreInfo" data-slide-to="3"><span style="background-image:url(http://jackjohnson.com/media/ss_size3/jack-johnson-lodge-04.png)"></span></li><li data-target="#carouselMoreInfo" data-slide-to="4"><span style="background-image:url(http://jackjohnson.com/media/ss_size3/jack-johnson-lodge-05.png)"></span></li><li data-target="#carouselMoreInfo" data-slide-to="5"><span style="background-image:url(http://jackjohnson.com/media/ss_size3/jack-johnson-lodge-06.png)"></span></li> </ol>
</div>
<!-- store.zoom -->
</div><div id="miinfo" class="col-md-4 text-left pb-4 px-4 text-white">
<h1 class="h3 text-left" itemprop="name">Jack Johnson Lodge</h1><div id="miprdesc" itemprop="description"><p>The Jack Johnson Office Lodge is centrally located within minutes of all three Park City area resorts. The building houses the Jack Johnson Company, as well as tenant space for medical and professional offices. </p>
<p>The Office Lodge was designed in-house utilizing all of the Jack Johnson Company disciplines from site planning and architecture to engineering, surveying, and construction administration. Work continues for upgrades and renovation of interior spaces as needed to accommodate growth and new tenant requirements.</p></div></div>
</div>
</div>
<div id="cj-mi"><div id="cj-miin" class="container">
<div id="accordion" role="tablist" aria-multiselectable="true">
</div>
</div>
</div>
<div id="jj-footer"><a href="ftp://ftp.jackjohnson.com/" target="_blank" rel="noopener">Client Login</a><a href="http://jackjohnson.com/mapleton-village-approved.html">Press Room</a><a href="http://jackjohnson.com/careers.html">Careers</a><a href="http://jackjohnson.com/contact.html">Contact Us</a></div>
</div>
</div></div>
</div></div>
<div id="miGModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="miGModal" aria-hidden="true"><div class="modal-dialog modal-lg"><div id="miGPop"><img src="http://jackjohnson.com/media/jack-johnson-lodge-01.png" alt="jack-johnson-lodge-01"></div></div></div><div style="position: absolute; z-index:2000"><div id="cj-miniex"></div></div>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Oswald|Roboto"><script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://jackjohnson.com/shopsite-images/en-US/javascript/jquery/jquery.mobile.swipe.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<script src="http://jackjohnson.com/publish/cj.js" type="text/javascript"></script>
<script type="text/javascript">$("html").removeClass("nojs")</script>
<script>ss_jQuery("#main-content").attr("style",["height:"+(window_height*0.6)+"px"])</script>
<script type="text/javascript">
function miGPop(img) {if($(window).width()>768){$("#miGPop").html("<img src=\""+img+"\">");$("#miGModal").modal()}return false}if(ss_jQuery(window).width()<768){
ss_jQuery('#accordion div.openfalse').each(function(){ss_jQuery(this).removeClass('show');ss_jQuery(this).attr('aria-expanded','false');});
}</script>
<script type="text/javascript">var oi = "http://jackjohnson.com/media/jack-johnson-lodge-01.png";$("#carouselMoreInfo").on("slid.bs.carousel",function(){if($("#carouselMoreInfo div.active").index()!=0 && document.prod_img.src!=oi) {document.prod_img.src=oi;$("#carousel-main").attr("onclick","return miGPop('http://jackjohnson.com/media/jack-johnson-lodge-01.png')");}}); $("#prod-img-main").click(function(){document.prod_img.src=oi;$("#carousel-main").attr("onclick","return miGPop('http://jackjohnson.com/media/jack-johnson-lodge-01.png')");}); $("div#miopts select").change(function(){setTimeout(function(){$("#carouselMoreInfo").carousel(0);$("#carouselMoreInfo").carousel("pause"); $("#carousel-main").attr("onclick","return miGPop('"+(document.prod_img.src).replace(/ss_size1|ss_size2|ss_size3/ig,"")+"')");},250)});</script>
<!-- store.zoom -->
</body>
</html>