|
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="Deer Crest">
<meta name="twitter:title" content="Deer Crest">
<meta name="keywords" content="Deer Crest">
<meta property="og:description" content="Love This : Deer Crest">
<meta name="twitter:description" content="Love This : Deer Crest">
<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/deer-crest-01.png">
<meta name="twitter:image" content="http://jackjohnson.com/media/deer-crest-01.png">
<meta name="twitter:card" content="http://jackjohnson.com/deer-crest.html">
<meta property="og:url" content="http://jackjohnson.com/deer-crest.html">
<title>Deer Crest</title>
<link rel="canonical" href="http://jackjohnson.com/deer-crest.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/deer-crest-01.png')"><img src="http://jackjohnson.com/media/deer-crest-01.png" alt="Deer Crest" name="prod_img"></a></div>
<div class="carousel-item"><a href="#" onclick="return miGPop('http://jackjohnson.com/media/deer-crest-02.png')"><img src="http://jackjohnson.com/media/deer-crest-02.png" alt="deer-crest-02"></a></div><div class="carousel-item"><a href="#" onclick="return miGPop('http://jackjohnson.com/media/deer-crest-03.png')"><img src="http://jackjohnson.com/media/deer-crest-03.png" alt="deer-crest-03"></a></div><div class="carousel-item"><a href="#" onclick="return miGPop('http://jackjohnson.com/media/deer-crest-04.png')"><img src="http://jackjohnson.com/media/deer-crest-04.png" alt="deer-crest-04"></a></div><div class="carousel-item"><a href="#" onclick="return miGPop('http://jackjohnson.com/media/deer-crest-05.png')"><img src="http://jackjohnson.com/media/deer-crest-05.png" alt="deer-crest-05"></a></div><div class="carousel-item"><a href="#" onclick="return miGPop('http://jackjohnson.com/media/deer-crest-06.png')"><img src="http://jackjohnson.com/media/deer-crest-06.png" alt="deer-crest-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/deer-crest-01.png)"></span></li>
<li data-target="#carouselMoreInfo" data-slide-to="1"><span style="background-image:url(http://jackjohnson.com/media/ss_size3/deer-crest-02.png)"></span></li><li data-target="#carouselMoreInfo" data-slide-to="2"><span style="background-image:url(http://jackjohnson.com/media/ss_size3/deer-crest-03.png)"></span></li><li data-target="#carouselMoreInfo" data-slide-to="3"><span style="background-image:url(http://jackjohnson.com/media/ss_size3/deer-crest-04.png)"></span></li><li data-target="#carouselMoreInfo" data-slide-to="4"><span style="background-image:url(http://jackjohnson.com/media/ss_size3/deer-crest-05.png)"></span></li><li data-target="#carouselMoreInfo" data-slide-to="5"><span style="background-image:url(http://jackjohnson.com/media/ss_size3/deer-crest-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">Deer Crest</h1><div id="miprdesc" itemprop="description"><p>Deer Crest development takes advantage of the close proximity to Deer Valley Resort, and provides ski-in/ski-out for over 85% of the developed terrain. This feature facilitated the development of million dollar estate lots that have access to eight ski runs, two lifts including a gondola, and hiking and biking trails. All 625 mountainous acres offer stunning views of Park City or the Jordanelle Reservoir. </p>
<p>The Deer Crest topography, together with unique governing agency approval requirements, provided Jack Johnson Company with a challenging infrastructure design.</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/deer-crest-01.png" alt="deer-crest-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/deer-crest-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/deer-crest-01.png')");}}); $("#prod-img-main").click(function(){document.prod_img.src=oi;$("#carousel-main").attr("onclick","return miGPop('http://jackjohnson.com/media/deer-crest-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>