Warning: file_get_contents(header.html): failed to open stream: No such file or directory in - on line 2

<script>
facebookShare = "<a id=\'facebookbtn-link\' onclick=\'return popitup(\"http://www.facebook.com/sharer.php?&amp;p[title]=Guide+to+camping+in+Minnesota&amp;p[summary]=New+to+camping+or+is+your+second+home+a+Eureka+tent%3F+Various+parks+experts+have+helped+us+assemble+this+guide+into+the+wide+possibilities+Minnesota+has+to+offer.+Ask+yourself+what+you+like%2C+find+your+badge+and+go+camp%21&amp;p[url]=http%3A%2F%2Fapps.startribune.com%2Fnews%2Fsports%2Flets-go-camping%2F&amp;p[images][0]=http%3A%2F%2Fstmedia.startribune.com%2Fimages%2Fcamp-share-image.png\")\' target=\'_blank\'>"
twitterShare = "<a id=\'twitterbtn-link\' onclick=\'return popitup(\"https://twitter.com/share?url=http%3A%2F%2Fstrib.mn%2F1HfewML&amp;counturl=http%3A%2F%2Fstrib.mn%2F1HfewML&amp;text=Find%20a%20badge%20that%20matches%20your%20camping%20style.&amp;via=StarTribune\")\'>"
</script>



<style>

@font-face{
	font-family:"Benton Sans";
	src:url("http://apps.startribune.com/fonts/Benton-Sans-Regular/c80c8df9-343a-4ee8-a64b-6213022724fd-2.eot");
	src:url("http://apps.startribune.com/fonts/Benton-Sans-Regular/c80c8df9-343a-4ee8-a64b-6213022724fd-2.eot?") format("embedded-opentype"),
	url("http://apps.startribune.com/fonts/Benton-Sans-Regular/c80c8df9-343a-4ee8-a64b-6213022724fd-3.woff") format("woff"),
	url("http://apps.startribune.com/fonts/Benton-Sans-Regular/c80c8df9-343a-4ee8-a64b-6213022724fd-1.ttf") format("truetype");
	font-style:normal;
	font-weight:normal
}

@font-face{
	font-family:"Benton Sans";
	src:url("http://apps.startribune.com/fonts/Benton-Sans-Regular-Italic/2c74d4f4-5f5a-4841-9646-6cb371baa21a-2.eot");
	src:url("http://apps.startribune.com/fonts/Benton-Sans-Regular-Italic/2c74d4f4-5f5a-4841-9646-6cb371baa21a-2.eot?") format("embedded-opentype"),
	url("http://apps.startribune.com/fonts/Benton-Sans-Regular-Italic/2c74d4f4-5f5a-4841-9646-6cb371baa21a-3.woff") format("woff"),
	url("http://apps.startribune.com/fonts/Benton-Sans-Regular-Italic/2c74d4f4-5f5a-4841-9646-6cb371baa21a-1.ttf") format("truetype");
	font-style:italic;
	font-weight:normal
}

@font-face{
	font-family:"Benton Sans";
	src:url("http://apps.startribune.com/fonts/Benton-Sans-Bold/34ba72ff-8e42-428e-b0a6-d43e43d09b7f-2.eot");
	src:url("http://apps.startribune.com/fonts/Benton-Sans-Bold/34ba72ff-8e42-428e-b0a6-d43e43d09b7f-2.eot?") format("embedded-opentype"),
	url("http://apps.startribune.com/fonts/Benton-Sans-Bold/34ba72ff-8e42-428e-b0a6-d43e43d09b7f-3.woff") format("woff"),
	url("http://apps.startribune.com/fonts/Benton-Sans-Bold/34ba72ff-8e42-428e-b0a6-d43e43d09b7f-1.ttf") format("truetype");
	font-style:normal;
	font-weight:bold
}

@font-face{
	font-family:"Benton Sans Condensed Medium";
	src:url("http://apps.startribune.com/fonts/Benton-Sans-Condensed-Medium/06f4dbf6-2449-4b99-9621-e8abb9e595a2-2.eot");
	src:url("http://apps.startribune.com/fonts/Benton-Sans-Condensed-Medium/06f4dbf6-2449-4b99-9621-e8abb9e595a2-2.eot?") format("embedded-opentype"),
	url("http://apps.startribune.com/fonts/Benton-Sans-Condensed-Medium/06f4dbf6-2449-4b99-9621-e8abb9e595a2-3.woff") format("woff"),
	url("http://apps.startribune.com/fonts/Benton-Sans-Condensed-Medium/06f4dbf6-2449-4b99-9621-e8abb9e595a2-1.ttf") format("truetype");
	font-style:normal;
	font-weight:normal
}


@font-face{
	font-family:"Whitman Display Compressed Bold";
	src:url("http://apps.startribune.com/fonts/Whitman-Display-Comp-Bold/c1ec7b66-657a-4549-9c44-00ae270517c5-2.eot");
	src:url("http://apps.startribune.com/fonts/Whitman-Display-Comp-Bold/c1ec7b66-657a-4549-9c44-00ae270517c5-2.eot?") format("embedded-opentype"),
	url("http://apps.startribune.com/fonts/Whitman-Display-Comp-Bold/c1ec7b66-657a-4549-9c44-00ae270517c5-3.woff") format("woff"),
	url("http://apps.startribune.com/fonts/Whitman-Display-Comp-Bold/c1ec7b66-657a-4549-9c44-00ae270517c5-1.ttf") format("truetype");
	font-style:normal;
	font-weight:bold
}

@font-face{
	font-family:"Whitman Display Condensed Bold";
	src:url("http://apps.startribune.com/fonts/Whitman-Display-Cond-Bold/8406d32c-8dc4-4285-a5ee-200b97edd2ab-2.eot");
	src:url("http://apps.startribune.com/fonts/Whitman-Display-Cond-Bold/8406d32c-8dc4-4285-a5ee-200b97edd2ab-2.eot?") format("embedded-opentype"),
	url("http://apps.startribune.com/fonts/Whitman-Display-Cond-Bold/8406d32c-8dc4-4285-a5ee-200b97edd2ab-3.woff") format("woff"),
	url("http://apps.startribune.com/fonts/Whitman-Display-Cond-Bold/8406d32c-8dc4-4285-a5ee-200b97edd2ab-1.ttf") format("truetype");
	font-style:normal;
	font-weight:bold
}

@font-face{
	font-family:"Whitman Display";
	src:url("http://apps.startribune.com/fonts/Whitman-Display-Regular/afc69d83-243c-4a7f-8d26-1795692dfade-2.eot");
	src:url("http://apps.startribune.com/fonts/Whitman-Display-Regular/afc69d83-243c-4a7f-8d26-1795692dfade-2.eot?") format("embedded-opentype"),
	url("http://apps.startribune.com/fonts/Whitman-Display-Regular/afc69d83-243c-4a7f-8d26-1795692dfade-3.woff") format("woff"),
	url("http://apps.startribune.com/fonts/Whitman-Display-Regular/afc69d83-243c-4a7f-8d26-1795692dfade-1.ttf") format("truetype");
	font-style:normal;
	font-weight:normal
}

@font-face{
	font-family:"Whitman Display";
	src:url("http://apps.startribune.com/fonts/Whitman-Display-Regular-Italic/e9683d36-3a41-45c2-8aeb-f461fa1825f1-2.eot");
	src:url("http://apps.startribune.com/fonts/Whitman-Display-Regular-Italic/e9683d36-3a41-45c2-8aeb-f461fa1825f1-2.eot?") format("embedded-opentype"),
	url("http://apps.startribune.com/fonts/Whitman-Display-Regular-Italic/e9683d36-3a41-45c2-8aeb-f461fa1825f1-3.woff") format("woff"),
	url("http://apps.startribune.com/fonts/Whitman-Display-Regular-Italic/e9683d36-3a41-45c2-8aeb-f461fa1825f1-1.ttf") format("truetype");
	font-style:italic;
	font-weight:normal
}

@font-face{
	font-family:"Whitman Display";
	src:url("http://apps.startribune.com/fonts/Whitman-Display-Bold/d34b615f-025d-471c-a1a0-a5a039248094-2.eot");
	src:url("http://apps.startribune.com/fonts/Whitman-Display-Bold/d34b615f-025d-471c-a1a0-a5a039248094-2.eot?") format("embedded-opentype"),
	url("http://apps.startribune.com/fonts/Whitman-Display-Bold/d34b615f-025d-471c-a1a0-a5a039248094-3.woff") format("woff"),
	url("http://apps.startribune.com/fonts/Whitman-Display-Bold/d34b615f-025d-471c-a1a0-a5a039248094-1.ttf") format("truetype");
	font-style:normal;
	font-weight:bold
}

@font-face{
	font-family:"Whitman OSF";
	src:url("http://apps.startribune.com/fonts/Whitman-Roman-OSF/c35df3ea-93e1-47b6-9629-bc761414cf65-2.eot");
	src:url("http://apps.startribune.com/fonts/Whitman-Roman-OSF/c35df3ea-93e1-47b6-9629-bc761414cf65-2.eot?") format("embedded-opentype"),
	url("http://apps.startribune.com/fonts/Whitman-Roman-OSF/c35df3ea-93e1-47b6-9629-bc761414cf65-3.woff") format("woff"),
	url("http://apps.startribune.com/fonts/Whitman-Roman-OSF/c35df3ea-93e1-47b6-9629-bc761414cf65-1.ttf") format("truetype");
	font-style:normal;
	font-weight:normal
}

@font-face{
	font-family:"Whitman OSF";
	src:url("http://apps.startribune.com/fonts/Whitman-Bold-OSF/90508854-65ad-4bc0-b4f5-13734269e40e-2.eot");
	src:url("http://apps.startribune.com/fonts/Whitman-Bold-OSF/90508854-65ad-4bc0-b4f5-13734269e40e-2.eot?") format("embedded-opentype"),
	url("http://apps.startribune.com/fonts/Whitman-Bold-OSF/90508854-65ad-4bc0-b4f5-13734269e40e-3.woff") format("woff"),
	url("http://apps.startribune.com/fonts/Whitman-Bold-OSF/90508854-65ad-4bc0-b4f5-13734269e40e-1.ttf") format("truetype");
	font-style:normal;
	font-weight:bold
}

@font-face{
	font-family:"Whitman OSF";
	src:url("http://apps.startribune.com/fonts/Whitman-Italic-OSF/4227a9bf-e403-4086-8d26-9a6d738858e0-2.eot");
	src:url("http://apps.startribune.com/fonts/Whitman-Italic-OSF/4227a9bf-e403-4086-8d26-9a6d738858e0-2.eot?") format("embedded-opentype"),
	url("http://apps.startribune.com/fonts/Whitman-Italic-OSF/4227a9bf-e403-4086-8d26-9a6d738858e0-3.woff") format("woff"),url("http://apps.startribune.com/fonts/Whitman-Italic-OSF/4227a9bf-e403-4086-8d26-9a6d738858e0-1.ttf") format("truetype");
	font-style:italic;
	font-weight:normal
}

.l-container {
height: auto;
}

.detail-page {
position:relative !important;
text-align: left !important;
width:852px;
height:820px;
background-color: #fff;
display:none;
margin-left:59px;
margin-bottom: 20px;
}

.sitePix {
width: 852px;
height: 460px;
display:block;
}

.sitePix img {
width: 852px;
height: 460px;
}

.sitePixCredit {
display:block;
font-family:"Benton Sans", sans-serif; 
font-weight:normal; 
font-size:10px; 
text-align:right;
line-height: 130%; 
letter-spacing: 0px; 
color:#666666;
margin: 3px 0px 10px 0;
}

.campDetails {
display:block;
float:left;
width: 660px;
height: 180px;
background-color: none;
padding-left: 20px;
background-color: none;
}

.campDetails h2 {
display:block;
font-family:"Whitman OSF"; 
font-style: normal; 
font-weight:normal; 
font-size:42px; 
color:#999999;
margin: 0 0 5px 0;
}

.campDetails p {
font-family:"Benton Sans", sans-serif; 
font-weight:normal; 
font-size:14px; 
line-height: 150%; 
letter-spacing: 0px; 
color:#333333;
margin:0;
}

.campDetails a {
display:inline-block;
font-size:12px; 
font-weight:bold;   
text-decoration: none;
color: #666666;
line-height: 150%; 
margin-top: 20px;   
}       

.campInfo a:hover {
text-decoration: none;
color:#709db2;
}   

.mapShare {
display:inline-block;
float:right;
width: 160px;
height: 180px;
font-family:"Benton Sans", sans-serif; 
font-weight:bold; 
text-align: center;
font-size:12px; 
line-height: 150%; 
letter-spacing: 0px; 
color:#666666;
background-color: none;
}

.mapShare img:hover {
opacity: 0.5;
}   

.patchNavBar {
background-color: #e1c7a9;
float: left;
width: 100%;
padding-top: 12px;
} 

.detail-page div.patchHolder {
float:left;
width: 108px;
height: 115px;
margin-left:12px;
background-color: none;
text-align: center;
}  

.patchHolder img:hover {
opacity: 0.5;
}

.goHome {
float: left;
width: 100%;
height: 14px;   
font-family:"Benton Sans", sans-serif; 
font-weight:bold; 
font-size:12px; 
color:#666;
text-align:center;
/*  padding-left: 20px;*/
padding-top:10px
}

.goHome a {
text-decoration: none;
color:#666;
}

.goHome a:hover {
text-decoration: none;
color:#709db2;
}

/* LANDING PAGE  */

.landingPage {
position:relative !important;
width:852px;
height:840px;
background-color: #fff;
margin:auto;
margin-bottom: 20px;
}

.landingPage h2 {
font-family:"Whitman Display Condensed Bold"; 
font-style: normal; 
font-weight:bold; 
font-size:70px; 
letter-spacing: -1px; 
line-height: 90%;   
color:#333;
text-align: center;
margin: 10px 0 15px 0;
}

.landingPage p {
font-family:"Benton Sans", sans-serif; 
font-weight:normal; 
font-size:16px; 
text-align: center;
line-height: 150%; 
letter-spacing: 0px; 
color:#555;
margin:0;
margin-bottom: 12px;
}

.landingPage .credit  { 
color:#333; 
font-size: .85em; 
font-weight:bold;
line-height: 140%;
margin-bottom:12px; 
}

.landingPage .credit a {
color: #333;    
text-decoration: none;
}   

.landingColumn {
float:left;
width: 244px;
height: 740px;
margin: 30px 0 0 30px;
background-color: none;
}

.landingColumn img {    
display: inline-block;
/*
margin-left: auto;
margin-right: auto;
*/
}   

.landingColumn img:hover {
opacity: 0.5;
}

.landingShare {
display:block;
text-align: center;
width: 244px;
height: 40px;
background-color: none;
}

.landingShare img {
text-align: center;
display:inline-block;
margin: 5px 1px 5px 1px;
}



/* HOVER STYLES */
div#pop-up {
display: none;
position: absolute;
z-index:9999;
}

.campMenu {
position:relative;
padding: 10px;
width: 190px;
height: 250px;
background-color: white;
box-shadow: 0px 0px 5px #bbbbbb;
border: 1px solid #bbbbbb;
}

.campMenu:after, .campMenu:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.campMenu:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 20px;
margin-left: -20px;
}
.campMenu:before {
border-color: rgba(153, 153, 153, 0);
border-top-color: #bbbbbb;
border-width: 21px;
margin-left: -21px;
}

.campQuestion {
font-family:"Benton Sans", sans-serif; 
font-weight:bold; 
font-size:13px; 
line-height: 130%; 
color:#333333;
text-align:center;
background-color: white;
margin-bottom: 8px;
}

.campBtn {
width: 100%;
height: 34px;
font-family:"Benton Sans", sans-serif; 
font-weight:normal; 
font-size:13px; 
line-height: 150%; 
letter-spacing: 0px; 
color:#333333;
text-align:center;
background-color: #eee;
margin-bottom: 5px;
}

.campBtn a {
text-decoration: none;
color:#333333;
padding: 8px 10px 8px 10px;
display:block;
line-height:140%;
}

.campBtn:hover {
color: #eee;
background-color: #b8ced9;
cursor:pointer;
}

.campBtn:active {
color: #eee;
background-color: color:#709db2;;
}

.closeBtn {
width: 164px;
height: 30px;
font-family:"Benton Sans", sans-serif; 
font-weight:normal; 
font-size:12px; 
line-height: 150%; 
letter-spacing: 0px; 
color:#333333;
text-align:center;
padding: 7px 10px 7px 10px;
background-color: fff;
}

.closeBtn a {
text-decoration: none;
color: #333;
}

.closeBtn:hover {
color: #000;
background-color: #eee;
cursor:pointer;
}

.closeBtn:active {
color: #000;
background-color: #b8ced9;
}

</style>

	<div id="pop-up">
		<div class="campMenu">
			<div class="campQuestion" id="target"></div>
			<div class="campBtn"></div>
			<div class="campBtn"></div>
			<div class="campBtn"></div>
			<div class="closeBtn"></div>
		</div>
	</div>

	<!-- CAMPSITE PAGES -->

	<div class="detail-page">
		
		<div class="SitePix" id="SitePix">SitePix</div>
		<div class="sitePixCredit" id="sitePixCredit"></div>

		<div class="campDetails" id="campDetails">
			<h2></h2>
			<p></p>
			<p class="campInfo"><a href="http://www.startribune.com/" id="camp-link"><!-- Official website --></a></p>
		</div>

		<div class="mapShare" id="mapShare">
			<h4><!-- Share this campsite --></h4>
			<a href="http://www.startribune.com/" id="facebook-link"><img width="30" height="30" alt="map" src="http://stmedia.startribune.com/images/campFacebook.png"></a>
			<a href="http://www.startribune.com/" id="twitter-link"><img width="30" height="30" alt="map" src="http://stmedia.startribune.com/images/campTwitter.png"></a>
		</div>

		<div class="patchNavBar">
			<div class="patchHolder">
				<a href="javascript:void(0)" class="patchHolder">
					<img style="width:100px !important; height:106px !important;" num="0" alt="cabin" src="http://stmedia.startribune.com/images/campingPatch_cabins.png">
				</a>
			</div>
			<div class="patchHolder">
				<a href="javascript:void(0)" class="patchHolder">
					<img style="width:105px !important; height:105px !important;" num="1" alt="kids" src="http://stmedia.startribune.com/images/campingPatch_kids.png">
				</a>
			</div>
			<div class="patchHolder">
				<a href="javascript:void(0)" class="patchHolder">
					<img style="width:110px !important; height:100px !important;" num="2" alt="explore" src="http://stmedia.startribune.com/images/campingPatch_water.png">
				</a>
			</div>
			<div class="patchHolder">
				<a href="javascript:void(0)" class="patchHolder">
					<img style="width:90px !important; height:110px !important;" num="3" alt="grid" src="http://stmedia.startribune.com/images/campingPatch_grid.png">
				</a>
			</div>
			<div class="patchHolder">
				<a href="javascript:void(0)" class="patchHolder">
					<img style="width:110px !important; height:100px !important;" num="4" alt="picture" src="http://stmedia.startribune.com/images/campingPatch_picture.png">
				</a>
			</div>
			<div class="patchHolder">
				<a href="javascript:void(0)" class="patchHolder">
					<img style="width:106px !important; height:106px !important;" num="5" alt="hike" src="http://stmedia.startribune.com/images/campingpatch_hiking.png">
				</a>
			</div>
			<div class="patchHolder">
				<a href="javascript:void(0)" class="patchHolder">
					<img style="width:100px !important; height:100px !important;" num="6" alt="water" src="http://stmedia.startribune.com/images/campingPatch_explorer.png">
				</a>
			</div>
		</div>
		
		<div class="goHome"><a href="http://static.startribune.com/news/legacy-apps/sports/lets-go-camping/" id="">Return to the home page</a></div>	
		
		
	</div>

	<!-- LANDING PAGE -->

	<div class="landingPage" id="landingPage">
		<div class="landingColumn">
			<a href="javascript:void(0)" class="patchHolder">
				<img width="95%" num="0" style="margin:5px 0 25px 7px" src="http://stmedia.startribune.com/images/campingPatch_cabins.png">
			</a>
			<a href="javascript:void(0)" class="patchHolder">
				<img width="95%" num="1" style="margin:0 0 25px 7px" src="http://stmedia.startribune.com/images/campingPatch_kids.png">
			</a>
			<a href="javascript:void(0)" class="patchHolder">
				<img width="100%" num="2"  src="http://stmedia.startribune.com/images/campingPatch_water.png">
			</a>
		</div>	
			
		<div class="landingColumn">
			<h2>LET&#8217;S GO CAMPING</h2>
			<p class="credit">Text by BOB TIMMONS</br><span style="font-weight:normal"><a href="robert.timmons@startribune.com">robert.timmons@startribune.com</a></span></p>
			<p class="credit">Illustrations by KEVIN CANNON</br><span style="font-weight:normal">Special to the Star Tribune</span></p> 
			<p>New to camping or is your second home a Eureka tent? Various parks experts have helped us assemble this guide into the wide possibilities Minnesota has to offer. Ask yourself what you like, find your badge and go camp!</p>

		<div class="landingShare" id="landingShare">
			<span><a id="facebookbtn-link" onclick="return popitup('http://www.facebook.com/sharer.php?&amp;p[title]=Guide+to+camping+in+Minnesota&amp;p[summary]=New+to+camping+or+is+your+second+home+a+Eureka+tent%3F+Various+parks+experts+have+helped+us+assemble+this+guide+into+the+wide+possibilities+Minnesota+has+to+offer.+Ask+yourself+what+you+like%2C+find+your+badge+and+go+camp%21&amp;p[url]=http%3A%2F%2Fapps.startribune.com%2Fnews%2Fsports%2Flets-go-camping%2F&amp;p[images][0]=http%3A%2F%2Fstmedia.startribune.com%2Fimages%2Fcamp-share-image.png')" target="_blank"><img width="30" height="30" alt="facebook" src="http://stmedia.startribune.com/images/campFacebook.png"></a>
			<a id="twitterbtn-link" onclick="return popitup('https://twitter.com/share?url=http%3A%2F%2Fstrib.mn%2F1HfewML&amp;counturl=http%3A%2F%2Fstrib.mn%2F1HfewML&amp;text=Find%20a%20badge%20that%20matches%20your%20camping%20style.&amp;via=StarTribune')"><img width="30" height="30" alt="twitter" src="http://stmedia.startribune.com/images/campTwitter.png"></a></span>
		</div>


			<a href="javascript:void(0)" class="patchHolder">
				<img width="80%" num="3"  style="margin: 10px 0px 0 0px" src="http://stmedia.startribune.com/images/campingPatch_grid.png" align="center">
			</a>
		</div>

		<div class="landingColumn">
			<a href="javascript:void(0)" class="patchHolder">
				<img width="93%" num="5" style="margin:5px 0 35px 7px" style="margin-bottom:15px" src="http://stmedia.startribune.com/images/campingpatch_hiking.png">
			</a>
			<a href="javascript:void(0)" class="patchHolder">
				<img width="93%" num="6" style="margin:0 0 35px 7px" style="margin-bottom:15px" src="http://stmedia.startribune.com/images/campingPatch_explorer.png">
			</a>	
			<a href="javascript:void(0)" class="patchHolder">
				<img width="100%" num="4" src="http://stmedia.startribune.com/images/campingPatch_picture.png">
			</a>
		</div>
	</div>
	
<!-- </body> -->

<script type="text/javascript" src="http://www.startribune.com/static/vendor/jquery/dist/jquery.min.js"></script>
<script>
$(function() {
	var popUpStuff = document.getElementById('pop-up');
	$(".patchNavBar .patchHolder .patchHolder img").hoverIntent(function(){
        var $containerWidth = $(this).width();
		var $offset = $(this).offset();
		$('div#pop-up').hide();
		$('div#pop-up').show();
		$(".campMenu:after, .campMenu:before").css("display","block !important");
		var index = $(this).attr("num");
		console.log(index);
		if (menuData[index].link3 != null){
			var thirdButton = '<div class="campBtn"><a href="javascript:void(0)" num="' + menuData[index].link3_index + '">' + menuData[index].link3 + '</a></div>';
		}
		else var thirdButton = '';
			popUpStuff.innerHTML =  '<div class="campMenu"><div class="campQuestion">' + menuData[index].question + '</div><div class="campBtn" ><a href="javascript:void(0)" num="' + menuData[index].link1_index + '">' + menuData[index].link1 + '</a></div><div class="campBtn"><a href="javascript:void(0)" num="' + menuData[index].link2_index + '">' + menuData[index].link2 + '</a></div>' + thirdButton + '<div class="closeBtn"><a href="javascript:void(0)">CLOSE</a></div></div>';
			var $tipWidth = $('div#pop-up').width();
			var $tipHeight = $('div#pop-up').height();
			$('div#pop-up').css({
                'top': $offset.top - ( $tipHeight - 0 ),
                'left': $offset.left - ( $tipWidth - 150 ),
				'position':'absolute',
				'display':'block'
			});
		},function() {
			$('#tooltip').remove();
	});

	$(".landingColumn .patchHolder img").hoverIntent(function(){
		var $containerWidth = $(this).width();
		var $offset = $(this).offset();
		$('div#pop-up').hide();
		$('div#pop-up').fadeIn();
		$(".campMenu:after, .campMenu:before").css("display","none !important");
		var index = $(this).attr("num");
		console.log(index);
		if (menuData[index].link3 != null){
			var thirdButton = '<div class="campBtn"><a href="javascript:void(0)" num="' + menuData[index].link3_index + '">' + menuData[index].link3 + '</a></div>';
		}
		else var thirdButton = '';
			popUpStuff.innerHTML =  '<div class="campMenu"><div class="campQuestion">' + menuData[index].question + '</div><div class="campBtn" ><a href="javascript:void(0)" num="' + menuData[index].link1_index + '">' + menuData[index].link1 + '</a></div><div class="campBtn"><a href="javascript:void(0)" num="' + menuData[index].link2_index + '">' + menuData[index].link2 + '</a></div>' + thirdButton + '<div class="closeBtn"><a href="javascript:void(0)">CLOSE</a></div></div>';
			var $tipWidth = $('div#pop-up').width();
			var $tipHeight = $('div#pop-up').height();
			$('div#pop-up').css({
                'top': $offset.top - ( $tipHeight - 0 ),
                'left': $offset.left - ( $tipWidth - 220  ),
				'position':'absolute',
				'display':'block'
			});
		},function() {
			$('#tooltip').remove();
	});

	$( document ).ready(function() {
		var campsiteIndex = location.search.split('campsite=')[1] ? location.search.split('campsite=')[1] : '0';
		console.log(campsiteIndex);
		loadCampsite(campsiteIndex);
		function loadCampsite(index){
			SitePix = document.getElementById('SitePix');
			sitePixCredit = document.getElementById('sitePixCredit');
			mapShare = document.getElementById('mapShare');
			campDetails = document.getElementById('campDetails');
			SitePix.innerHTML = '<img width="852" height="460" alt="camping photo" src="'+ campsiteData[index].photo + '"></div>';
			sitePixCredit.innerHTML = campsiteData[index].photoCredit;
			mapShare.innerHTML = '<a href="' + campsiteData[index].googleMap + '" target="blank_"><img width="100" height="100" alt="map" src="' + campsiteData[index].map + '"" style="margin:0px 15px 0 15px" /></a><div style="width:150px; margin-bottom:5px;">Share this campsite</div>' + campsiteData[index].facebook + '<img width="30" height="30" style="margin:0 5px 0 -15px" alt="map" src="http://stmedia.startribune.com/images/campFacebook.png"></a>' + campsiteData[index].twitter + '<img width="30" height="30" alt="map" src="http://stmedia.startribune.com/images/campTwitter.png"></a>';
			campDetails.innerHTML = "<h2>"+ campsiteData[index].headline + "</h2><p>"+ campsiteData[index].chatter + '</p><p class="campInfo"><a href="' + campsiteData[index].parkLink + '" id="camp-link">' + campsiteData[index].parkText + '</a></p>';
		}
	});

	$(document).bind('DOMNodeInserted', function(event) {
		$('.campBtn a').click(function(e) {
			$('.detail-page').fadeIn();
			$('.landingPage').fadeOut();
			var index = $(this).attr("num");
			console.log(Number(index));
			loadCampsite(Number(index));
			
		});
	});

	function loadCampsite(index){
		SitePix = document.getElementById('SitePix');
		sitePixCredit = document.getElementById('sitePixCredit');
		mapShare = document.getElementById('mapShare');
		campDetails = document.getElementById('campDetails');
		SitePix.innerHTML = '<img width="852" height="460" alt="camping photo" src="'+ campsiteData[index].photo + '"></div>';
		sitePixCredit.innerHTML = campsiteData[index].photoCredit;
		mapShare.innerHTML = '<a href="' + campsiteData[index].googleMap + '" target="blank_"><img style="width:100px !important; height:100px !important;" alt="map" src="' + campsiteData[index].map + '"" style="margin:0px 15px 0px 15px" /></a><div style="width:150px; margin:5px 0 5px 0;">Share this campsite</div>' + campsiteData[index].facebook + '<img width="30" height="30" style="margin:0 5px 0 -15px" alt="map" src="http://stmedia.startribune.com/images/campFacebook.png"></a>' + campsiteData[index].twitter + '<img width="30" height="30" alt="map" src="http://stmedia.startribune.com/images/campTwitter.png"></a>';
		campDetails.innerHTML = "<h2>"+ campsiteData[index].headline + "</h2><p>"+ campsiteData[index].chatter + '</p><p class="campInfo"><a href="' + campsiteData[index].parkLink + '" id="camp-link">' + campsiteData[index].parkText + '</a></p>';
	}
});		// end the big function

$(document).mouseup(function (e){
	var container = $(".patchHolder a");
	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
		$('div#pop-up').fadeOut();
	}
});

$('.close').click(function(e) {
	$('div#pop-up').fadeOut();
});

var menuData = [
	// CABINS
	{
		"question":"Tents and RVs are mainstays, but more parks are providing other camping options.",
		"link1":"Camper cabins",
		"link1_index":0,
		"link2":"Tepees",
		"link2_index":1,
		"link3":"Modern",
		"link3_index":2
	},
	// KIDS
	{
		"question":"Whether you're new to camping or hard-core, hitting a site with children is a different dimension.",
		"link1":"Active",
		"link1_index":3,
		"link2":"Wee ones",
		"link2_index":4
	},
	// WATER
	{
		"question":"What's your preferred method? Whether on top of the water or in it, there are myriad places to go.",
		"link1":"Boat",
		"link1_index":5,
		"link2":"Beach",
		"link2_index":6,
		"link3":"Paddle",
		"link3_index":7
	},
	// GRID
	{
		"question":"One location is as far as you can go without being in Canada; the other, well, is less removed.",
		"link1":"Backcountry",
		"link1_index":8,
		"link2":"Signs of life",
		"link2_index":9
	},
	// PICTURE
	{
		"question":"How do you want to fill up your social media feeds? Natural wonders, wildlife, simple beauty?",
		"link1":"Waterfalls",
		"link1_index":10,
		"link2":"Vista",
		"link2_index":11,
		"link3":"Postcard-worthy",
		"link3_index":12	
	},
	// HIKING
	{
		"question":"Want to go easy, or do you prefer a challenge? Here are two options with rewards along the paths.",
		"link1":"Easy does it",
		"link1_index":13,
		"link2":"Dogs are barking",
		"link2_index":14
	},
	// EXPLORE
	{
		"question":"You don't intend to forage for food, but you're prepared to rough it and have a new experience.",
		"link1":"Variety",
		"link1_index":15,
		"link2":"Simplicity",
		"link2_index":16
	}
]
var campsiteData = [
	// CABIN COUNTRY
	{
		"name":"site1",
		"photo":"http://stmedia.startribune.com/images/CampingCabins_general.jpg",
		"photoCredit":"DNR photo",
		"headline":"Most Minnesota state parks",
		"chatter":"Most are all-season with electric heat, sleep six &mdash; and can be hard to reserve on weekends. Try for Sunday through Thursday. Wild River and Glacial Lakes parks have the most with six each.",
		"map":"http://stmedia.startribune.com/images/campCabin_CamperCabins.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.dnr.state.mn.us/state_parks/camper_cabins.html",
	    "parkText":"DNR's camper cabin info page",
		"googleMap":"https://www.google.com/maps/search/minnesota+state+parks/@46.4410256,-93.3655146,6z"
	}
	,
	{
		"name":"site2",
		"photo":"http://stmedia.startribune.com/images/campingCabins_UpperSioux.jpg",
		"photoCredit":"Lisa Meyers McClintick",
		"headline":"Upper Sioux Agency State Park",
		"chatter":"<b>Granite Falls, Minn.:,</b> Three canvas tepees, 18 feet in diameter, are lodging options. They have wooden decks inside, perfect for cots or sleeping mats. Fires ... outside.",
		"map":"http://stmedia.startribune.com/images/campCabin_Tipis.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.dnr.state.mn.us/state_parks/upper_sioux_agency/index.html",
	    "parkText":"Upper Sioux Agency State Park DNR site",
	  "googleMap":"https://www.google.com/maps/place/Upper+Sioux+Agency+State+Park/@44.7336804,-95.4520545,14z/data=!3m1!4b1!4m2!3m1!1s0x878a99c0d5d82131:0xa923ae70a7c0db32"
	}
	,
	{
		"name":"site3",
		"photo":"http://stmedia.startribune.com/images/campingCabins_Whitetail.jpg",
		"photoCredit":"Dakota County Parks photo",
		"headline":"Whitetail Woods Regional Park",
		"chatter":"<b>Farmington:</b> If you're fortunate enough to reserve one (try weekdays), prepare to be amazed by these glass and wood marvels.",
		"map":"http://stmedia.startribune.com/images/campCabin_UltraModern.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"https://www.co.dakota.mn.us/PARKS/PARKSTRAILS/WHITETAILWOODS/Pages/default.aspx",
	    "parkText":"Whitetail Woods Regional Park",
		"googleMap":"https://www.google.com/maps/place/Whitetail+Woods+Regional+Park/@44.684869,-93.085173,17z/data=!3m1!4b1!4m2!3m1!1s0x87f7cadab86e811d:0x188629cc80491cc3"
	}
	,

	// KIDS IN TOW
	{
		"name":"site4",
		"photo":"http://stmedia.startribune.com/images/campingKids_Auburn.jpg",
		"photoCredit":"Derek J. Dickinson/Three Rivers Park District",
		"headline":"Lake Auburn Campground",
		"chatter":"<b>Carver Park Reserve, Victoria:</b> Fishing. Swimming. Up North feel. bike trails. \"If you want to try out camping with kids, you're not four hours from home,\" said Three Rivers Park District's Tom Knisely. Bonus: There is a Dairy Queen five minutes away.",
		"map":"http://stmedia.startribune.com/images/campKids_ActiveAge.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.threeriversparks.org/parks/carver-park/lake-auburn-campground.aspx/",
	    "parkText":"Lake Auburn Campground offical site",
		"googleMap":"https://www.google.com/maps/place/Carver+Park+Reserve,+7025+Victoria+Dr,+Victoria,+MN+55386,+United+States/@44.874477,-93.713049,17z/data=!4m2!3m1!1s0x87f6013f8186618f:0x24fd81da7e2278e"
	}
	,
	{
		"name":"site5",
		"photo":"http://stmedia.startribune.com/images/campingKids_Carlos.jpg",
		"photoCredit":"DNR photo",
		"headline":"Lake Carlos State Park",
		"chatter":"<b>Carlos, Minn.:</b> A shallow swimming beach and naturalist programs (nature stories geared toward preschoolers on Saturdays) make this ideal.",
		"map":"http://stmedia.startribune.com/images/campKids_WeeOnes.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.dnr.state.mn.us/state_parks/lake_carlos/index.html",
	    "parkText":"Lake Carlos State Park DNR site",
		"googleMap":"https://www.google.com/maps/place/Lake+Carlos+State+Park,+2601+Co+Rd+38+NE,+Carlos,+MN+56319,+United+States/@45.9924893,-95.340862,14z/data=!4m2!3m1!1s0x52ca0695b3b56317:0x393005e5de45304c"
	}
	,
	// WATER
	{
		"name":"site6",
		"photo":"http://stmedia.startribune.com/images/campingWater_Baker.jpg",
		"photoCredit":"Derek J. Dickinson/Three Rivers Park District",
		"headline":"Baker Campground",
		"chatter":"<b>Baker Park Reserve, Medina:</b> \"A Brainerd Lakes experience\" on Lake Independence, Knisely said. Tubing, jet-skiing, fishing.",
		"map":"http://stmedia.startribune.com/images/campWater_Beach.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.threeriversparks.org/parks/baker-park/baker-campground.aspx",
	    "parkText":"Baker Campground offical site",
		"googleMap":"https://www.google.com/maps/place/Baker+Park+Reserve/@45.022628,-93.636839,15z/data=!4m2!3m1!1s0x0:0x4660868e5845932b"
	},
	{
		"name":"site7",
		"photo":"http://stmedia.startribune.com/images/campingWater_Hennepin.jpg",
		"photoCredit":"DNR photo",
		"headline":"Father Hennepin State Park",
		"chatter":"<b>Isle, Minn.:</b> There's fishing &mdash; the park is on Lake Mille Lacs, after all &mdash; and a large sandy beach for families.",
		"map":"http://stmedia.startribune.com/images/campWater_Boat.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.dnr.state.mn.us/state_parks/father_hennepin/index.html",
	    "parkText":"Father Hennepin State Park, DNR site",
		"googleMap":"https://www.google.com/maps/place/Father+Hennepin+State+Park/@46.147388,-93.498585,15z/data=!4m2!3m1!1s0x0:0x156ff1313a36c3fb"
	}
	,
	{
		"name":"site8",
		"photo":"http://stmedia.startribune.com/images/campingWater_Cannon.jpg",
		"photoCredit":"DNR photo",
		"headline":"Cannon River State Water Trail",
		"chatter":"Multiple carry-in access points and watercraft sites. A few benign rapids, a few quiet twists and turns. And concessionaires who'll rent canoes/kayaks and shuttle paddlers.",
		"map":"http://stmedia.startribune.com/images/campWater_Paddle.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://dnr.state.mn.us/watertrails/cannonriver/index.html",
	    "parkText":"Cannon River State Water Trail, DNR site",
		"googleMap":"https://www.google.com/maps/place/Cannon+Valley+Trail,+26674+144th+Ave+Way,+Welch,+MN+55089,+United+States/@44.5575531,-92.7627293,11z/data=!4m5!1m2!2m1!1sCannon+River+State+Trail!3m1!1s0x87f79651a5a1831f:0xdc0e6439c2af988b"
	}
	,
	// GRID
	{
		"name":"site9",
		"photo":"http://stmedia.startribune.com/images/campingGrid_Bronson.jpg",
		"photoCredit":"DNR photo",
		"headline":"Lake Bronson State Park",
		"chatter":"<b>Lake Bronson, Minn.:</b> Two canoe-in sites on Moose Island. Of course: First-come, first-served.",
		"map":"http://stmedia.startribune.com/images/campGrid_Backcountry.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.dnr.state.mn.us/state_parks/lake_bronson/index.html",
	    "parkText":"Lake Bronson State Park DNR site",
		"googleMap":"https://www.google.com/maps/place/Lake+Bronson+State+Park/@48.7245271,-96.5987904,14z/data=!3m1!4b1!4m2!3m1!1s0x52c127a5a49a0f73:0x9a476f206e5430d2"
	}
	,
	{
		"name":"site10",
		"photo":"http://stmedia.startribune.com/images/campingGrid_WildRiver.jpg",
		"photoCredit":"DNR photo",
		"headline":"Wild River State Park",
		"chatter":"<b>Center City, Minn.:</b> Relatively remote backpack sites in a popular park. Distances to the sites vary from a quarter-mile to two miles.",
		"map":"http://stmedia.startribune.com/images/campGrid_SignsOfLife.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.dnr.state.mn.us/state_parks/wild_river/index.html",
	    "parkText":"Wild River State Park DNR site",
		"googleMap":"https://www.google.com/maps/place/Wild+River+State+Park/@45.5684794,-92.819861,12z/data=!3m1!4b1!4m2!3m1!1s0x52b2601ef788a5b3:0x2f31cac8c6933899"
	}
	,
	// PICTURE
	{
		"name":"site11",
		"photo":"http://stmedia.startribune.com/images/campingPicture_Manitou.jpg",
		"photoCredit":"DNR photo",
		"headline":"George Crosby Manitou State Park",
		"chatter":"<b>Finland, Minn.:</b> Tumbling waterfalls from the Manitou River amid some steep and challenging hikes over bedrock formed a billion years ago.",
		"map":"http://stmedia.startribune.com/images/campPicture_ScenicWaterfallsy.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.dnr.state.mn.us/state_parks/george_crosby_manitou/index.html",
	    "parkText":"George Crosby Manitou State Park DNR site",
		"googleMap":"https://www.google.com/maps/place/George+Crosby+Manitou+State+Park/@47.4775437,-91.0945874,13z/data=!3m1!4b1!4m2!3m1!1s0x52a61db68809c7e7:0xf906c16e42da19a5"
	}
	,
	{
		"name":"site12",
		"photo":"http://stmedia.startribune.com/images/campingPicture_Kathio.jpg",
		"photoCredit":"DNR photo",
		"headline":"Mille Lacs Kathio State Park",
		"chatter":"<b>Onamia, Minn.:</b> A 100-foot observation/fire tower gives a whole new view of esteemed Lake Mille Lacs",
		"map":"http://stmedia.startribune.com/images/campPicture_GrandVista.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.dnr.state.mn.us/state_parks/mille_lacs_kathio/index.html",
	    "parkText":"Mille Lacs Kathio State Park DNR site",
		"googleMap":"https://www.google.com/maps/place/Mille+Lacs+Kathio+State+Park/@46.1346789,-93.7357435,13z/data=!3m1!4b1!4m2!3m1!1s0x52b3fd4c8ede460d:0x99f3c96fc0a95503"
	}
	,
	{
		"name":"site13",
		"photo":"http://stmedia.startribune.com/images/campingPicture_BlueMound.jpg",
		"photoCredit":"Brian Peterson • Star Tribune",
		"headline":"Blue Mounds State Park",
		"chatter":"<b>Luverne, Minn.:</b> Bison herd, western birds, quartzite outcroppings &mdash; all viewed against the prairie of southwestern Minnesota",
		"map":"http://stmedia.startribune.com/images/campPicture_PostcardWorthy.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.dnr.state.mn.us/state_parks/blue_mounds/index.html",
	    "parkText":"Blue Mounds State Park DNR site",
		"googleMap":"https://www.google.com/maps/place/Blue+Mounds+State+Park/@43.7068974,-96.1922531,14z/data=!3m1!4b1!4m2!3m1!1s0x878bf12635890d13:0x14a935301db43e85"
	}
	,
	// HIKING
	{
		"name":"site14",
		"photo":"http://stmedia.startribune.com/images/campingHiking_Scenic.jpg",
		"photoCredit":"DNR photo",
		"headline":"Scenic State Park",
		"chatter":"<b>Bigfork, Minn.:</b> Chase Point involves a relatively flat esker between lakes and 200-year-old pines.",
		"map":"http://stmedia.startribune.com/images/campHike_EasyDoesIt.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.dnr.state.mn.us/state_parks/scenic/index.html",
	    "parkText":"Scenic State Park DNR site",
		"googleMap":"https://www.google.com/maps/place/Scenic+State+Park/@47.7152085,-93.5653504,13z/data=!3m1!4b1!4m2!3m1!1s0x52ba5d6712c7b92d:0x9bc746703c4f7aa0"
	}
	,
	{
		"name":"site15",
		"photo":"http://stmedia.startribune.com/images/campingHiking_Afton.jpg",
		"photoCredit":"DNR photo",
		"headline":"Afton State Park",
		"chatter":"The terrain can rise and fall and rise again, but you'll be rewarded with ethereal views of the St. Croix River.",
		"map":"http://stmedia.startribune.com/images/campHike_DogsAreBarkin.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.dnr.state.mn.us/state_parks/afton/index.html",
	    "parkText":"Afton State Park DNR site",
		"googleMap":"https://www.google.com/maps/place/Afton+State+Park/@44.8577326,-92.7850334,14z/data=!3m1!4b1!4m2!3m1!1s0x87f7dd838727a77d:0x85756ca0f5925442"
	}
	,
	// EXPLORE
	{
		"name":"site16",
		"photo":"http://stmedia.startribune.com/images/campingExplore_Cuyuna.jpg",
		"photoCredit":"DNR photo",
		"headline":"Cuyuna Country State Recreation Area",
		"chatter":"<b>Ironton, Minn:</b> \"The latest adventure park,\" said said Pat Arndt of the Minnesota DNR, with its widely acclaimed mountain biking trails. Some scuba-dive in the ultra-clear old mine pit lakes.",
		"map":"http://stmedia.startribune.com/images/campExplorer_Variety.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.dnr.state.mn.us/state_parks/cuyuna_country/index.html",
	    "parkText":"Cuyuna Country State Recreation Area DNR site",
		"googleMap":"https://www.google.com/maps/place/Cuyuna+Country+State+Recreation+Area/@46.4904877,-93.9863611,13z/data=!3m1!4b1!4m2!3m1!1s0x52b6ca512f0be877:0xa864e55cb13abef5"
	}
	,
	{
		"name":"site17",
		"photo":"http://stmedia.startribune.com/images/campingExplore_Maria.jpg",
		"photoCredit":"DNR photo",
		"headline":"Lake Maria State Park",
		"chatter":"<b>Monticello, Minn.:</b> Has 17 backpack sites: Hike in-only, secluded, overlooking lakes and ponds.",
		"map":"http://stmedia.startribune.com/images/campExplorer_Simplicity.png",
		"facebook":facebookShare,
		"twitter":twitterShare,
	    "parkLink":"http://www.dnr.state.mn.us/state_parks/lake_maria/index.html",
	    "parkText":"Lake Maria State Park DNR site",
		"googleMap":"https://www.google.com/maps?safe=off&biw=1309&bih=955&q=lake+maria+state+park&bav=on.2,or.&bvm=bv.95277229,d.aWw&bs=1&gs_rn=64&gs_ri=psy-ab&tok=Vp-8jG1nFO-UGsnJOqNWkA&pq=cuyuna+country+state+recreation+area&cp=21&gs_id=gd&xhr=t&um=1&ie=UTF-8&sa=X&sqi=2&ved=0CAYQ_AUoAWoVChMI0pvOrPuFxgIVSQqSCh30rQBM"
	}
]

	// sharing machinery

	function popitup(url){
	newwindow=window.open(url,'name','height=350,width=520');
	if (window.focus) {newwindow.focus()}
	return false;
	}

	

	// mainpage share

	function mainShare(){
		
	}


</script>



Warning: file_get_contents(footer.html): failed to open stream: No such file or directory in - on line 1039