| Filecontent |
<!DOCTYPE html>
<html lang="en">
<head><!-- template file: /redesign/templates/houseboat_3.0_page.template.cfm -->
<meta name="google-signin-scope" content="profile email">
<meta name="google-signin-client_id" content="244093875527-ukil1j5mcr8ek7t944a31o6vsapfk4g7.apps.googleusercontent.com">
<script src="https://apis.google.com/js/platform.js?onload=initGoogleAPI" async defer></script>
<script type="text/javascript">
function initGoogleAPI( ){
console.log( "Google-in" );
gapi.load('auth2', function() {
console.log( "auth2 loaded" );
});
}
</script>
<!-- .l: [Houseboating] -->
<title>Houseboat Rentals Across America</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Houseboating.org offers Houseboat rentals and vacations across North America at great rates - House Boat Vacation Rental." />
<meta name="keywords" content="houseboat,rentals,house boat,vacation,vacations,boating,rental,lake powell,mead,shasta,mohave,trinity,meredith,amistad,don pedro,lake of the ozarks,cumberland,discounts,specials,book online" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="">
<!-- see http://realfavicongenerator.net -->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<meta name="msapplication-TileColor" content="#00aba9">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#000000">
<!-- app: Houseboating -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<script src="/bootstrap.min.js"></script>
<script type="text/javascript" src="//maps.google.com/maps/api/js?key=AIzaSyALkXzbOdNF7OyvTbTqKwO9-DnTZ5u7kRo&sensor=false"></script>
<script src="/infobox.js"></script>
<script src="/shared/js/bootstrap/bootstrap-plugins.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/shared/js/bootstrap/html5shiv.respond.min.js"></script>
<![endif]-->
<script type="text/javascript" src="/shared/js/jquery/jquery.DMO.support-1.0.js"></script>
<meta name="google-site-verification" content="zFelaCrseWtSqF5QNrQo3Fsr6MpHNrK_XmdDm-4FYGw" />
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://file.myfontastic.com/4SjTwyTY9pScufUDDnup7N/icons.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
<link href="https://plus.google.com/100178537770052597313" rel="publisher" />
<meta name="p:domain_verify" content="c9f5be6a40c639cf7540bc4e793a9246" />
<meta name="google-site-verification" content="lkggh2srKAYH3zUksLQydol9RVPNdysapEROKM1K-Rg" />
<meta name="verify-v1" content="Uzw+OkR9kw4rsq19V82YjBZ+BHq1MqSE7zVc46yZhoQ=" />
<meta name="verify-v1" content="CVvhfoH37LBscVhdghKIAHtqv2duU58qdSq0MNrS7hM=" />
<meta name="verify-v1" content="VN2m27pEhf6sL1B7O1PShS712WIqohkhMnDFxJ7XCsA=" />
<meta name="y_key" content="05e0276feb131edb" />
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-8501470-1', 'auto');
ga('send', 'pageview');
</script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/layout/css/style.min.css?112122030056" media="all"/>
<style type="text/css">
@media screen and (min-width: 992px){
.resultsSet.blog .resultsItem:first-child .media-item a img {
height: 400px !important;
object-fit: cover !important;
object-position: top !important;
}
}
</style>
<script type="text/javascript">
<!--//<![CDATA[
$(document).ready(function(){
$('div:not(#dip_map):not(#dip_map div)').addClass('printShow');
});
//]]>-->
</script>
<link rel="stylesheet" type="text/css" href="/layout/css/style.new.css?v=1669489049226" media="all"/>
<script type="text/javascript">
window.promptToLogin = false;
</script>
<style type="text/css">
.divHidden {
display: none !important;
}
.alert-item p.trip-note-text {
color: #1C4587;
}
.trip-note-header, .trip-profile-header {
background: #ddd;
border-radius: 5px;
padding: 8px 15px !important;
}
button.trip-profile-editor {
margin-top: -4px;
margin-right: -4px;
}
</style>
<base target="_parent" />
<!-- Facebook Pixel Code -->
<script>
console.log( "FBTRACKING.new" );
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1687014184682402');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1687014184682402&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<!-- Start updated Bing code -->
<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"5218434"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script><noscript><img src="//bat.bing.com/action/0?ti=5218434&Ver=2" height="0" width="0" style="display:none; visibility: hidden;" /></noscript>
<!-- End updated Bing code -->
<div style=" display: none; " class="fullscreen_flash_for_mobile">Search results update below as you change the filters</div>
<script type="text/javascript">
setTimeout( function( ){
$(document).scroll(function () {
console.log( "scroll: " + $(this).scrollTop( ) );
var pastThreshold = $(this).scrollTop( ) > 50;
if( pastThreshold ){
$( ".main-top-nav" ).addClass( "scrolled" );
$( "#navbar" ).addClass( "scrolled" );
} else {
$( ".main-top-nav" ).removeClass( "scrolled" );
$( "#navbar" ).removeClass( "scrolled" );
}
});
}, 250 );
function check_for_relogin( callback ){
var data = { mode: "is_logged_in" };
$.post( "/redesign/david/services.cfm", data, function( resp ){
console.log( "LOGIN CHECK", resp );
if( resp == 'YES' ){
callback( );
} else {
openURLInModal('/redesign/modules/forms/trip_signup.cfm');
}
} );
// openURLInModal('/redesign/modules/forms/trip_signup.cfm');
return true;
}
setTimeout( function( ){
var session_for_dates = JSON.parse($.cookie('hbSession2'));
try {
if( typeof( session_for_dates.last_touched ) != "undefined" ){
var hours_since_last_touch = ( new Date( ).getTime( ) - session_for_dates.last_touched ) / 1000;
console.log( "||| seconds since last touch: ", hours_since_last_touch );
if( hours_since_last_touch > 3600 ){
console.log( "> > > It's been over one hour since your last interaction w/ the site, your previous session will be cleared out" );
// Purge the cookie then reload
window.hbSession = {};
window.hbSession.saved = {};
$.cookie('hbSession2', JSON.stringify(window.hbSession), {expires: 7, path: '/'});
}
}
} catch ( e ){
console.log( "Error counting hours since last touch", e );
}
// If there is a save, sync the timestamp for clearance
setTimeout( function( ){
if( typeof( window.hbSession ) != "undefined" ){
window.hbSession.last_touched = new Date( ).getTime( );
$.cookie('hbSession2', JSON.stringify(window.hbSession), {expires: 7, path: '/'});
}
}, 500 );
}, 500 );
setTimeout( function( ){
if( screen.width <= 700 ){
var targ = $( 'li#topNav-7' );
targ.before( $( "li.lake-subnav" ) );
var $sublis = $( 'li.lake-subnav .third-tier-menu li' );
var $lis = $( "li.lake-subnav > ul > li" );
$lis.each( function( i, e ){
var $e = $( e );
if( $e.find( ".third-tier-menu" ).length == 0 ){
$( "li.lake-subnav" ).before( $e );
}
} );
$lis.each( function( i, e ){
var $e = $( e );
if( $e.find( ".third-tier-menu" ).length != 0 ){
$( "li.lake-subnav" ).before( $e );
}
} );
/*
$sublis.each( function( i, e ){
$( "li.lake-subnav" ).before( $( e ) );
} );
*/
$( "li.lake-subnav" ).remove( );
var $lake_link = $( ".lake-swapper" ).html( );
var $swapsy = $( "<li></li>" );
$swapsy.html( $lake_link );
$( ".lake-swapper" ).after( $swapsy ).remove( );
var $swapsy2 = $( "<li><a>More Info</a></li>" );
var $more_info_li = $( ".more-info-swapper" ).parent( );
var href_tu = $more_info_li.find( 'a' ).attr( 'href' );
$swapsy2.find( "a" ).attr( "href", href_tu );
$more_info_li.after( $swapsy2 );
$more_info_li.find( "ul" ).appendTo( $swapsy2 );
$more_info_li.remove( );
// $( "li.lake-subnav" ).removeClass( "dropdown" );
}
}, 250 );
var $form_to_flash;
var timeout_flash_mobile_in = 0;
var timeout_flash_mobile_out = 0;
var in_or_out = "out";
setTimeout( function( ){
$form_to_flash = $( "#srpf_1" );
$inputs = $form_to_flash.find( "input,select" );
$inputs.on( "change", function( e ){
console.log( "Filter change detected", e );
flash_screen_for_mobile( "500" );
} );
}, 500 );
var first_flash = true;
function flash_screen_for_mobile( ){
if( first_flash ){
clearTimeout( timeout_flash_mobile_in );
clearTimeout( timeout_flash_mobile_out );
timeout_flash_mobile_in = setTimeout( function( ){
$( ".fullscreen_flash_for_mobile" ).fadeIn( "slow" );
timeout_flash_mobile_out = setTimeout( function( ){
$( ".fullscreen_flash_for_mobile" ).fadeOut( "slow" );
}, 1550 );
}, 1 );
first_flash = false;
}
}
setTimeout( function( ){
$( ".results-control-view button" ).on( "click", function( ){
$( "#srpf_1" ).hide( );
} );
$( ".compare-searchView" ).on( "click", function( ){
$( "#srpf_1" ).show( );
} );
}, 1000 );
</script>
<style type="text/css">
/* Landscape */
@media ( max-height: 750px) and ( max-width: 900px) {
body .media-carousel-large .item .carousel-caption h3 {
color: #fff !important;
}
body .media-carousel-large-wrapper .carousel-inner {
border-radius: 0 !important;
}
body .media-carousel-large-wrapper .carousel-inner>.item>img {
max-height: 65vh !important;
}
}
body .main-top-nav {
box-shadow: none !important;
}
body .main-top-nav.scrolled {
box-shadow: 0 0 10px rgb(0 0 0 / 50%) !important;
}
body .main-top-nav.scrolled #logo {
top: 14px !important;
height: 60px !important;
width: 220px !important;
object-fit: cover !important;
}
body .main-nav #navbar .navbar-nav .lake-subnav {
box-shadow: none !important;
}
body .main-nav #navbar.scrolled .navbar-nav .lake-subnav {
box-shadow: 0 1px 0 #99, 0 5px 5px rgb(0 0 0 / 15%) inset !important;
}
body #topNav-7 label {
color: #fff !important;
}
body .navbar:not(.navbar-footer) {
z-index: 999999 !important;
}
body .modal-backdrop {
z-index: 9999998 !important;
}
body .listing-modal-wrapper, body .modal-dialog, body .listing-modal, body .contact-modal-wrapper, body .media-carousel-large-wrapper {
z-index: 99999999 !important;
}
body #blueimp-gallery {
z-index: 99999999 !important;
}
@media (max-width: 767px){
body #trip-tabs a > span:first-child {
display: none !important;
}
body #trip-tabs a > span:last-child {
display: inline-block !important;
}
.signup-modal {
width: 75vw !important;
}
.trip-modal {
height: 98vh !important;
left: 50% !important;
top: 50% !important;
transform: translate( -50%, -50% ) !important;
width: 98vw !important;
}
body .trip-modal .modal-content .modal-body ul.ui-tabs-nav {
display: flex;
justify-content: space-between;
left: 0;
margin-bottom: 10px;
top: 0;
width: 100%;
}
body #trip-tabs .nav-tabs li {
}
body #trip-tabs .nav-tabs li a {
color: #000 !important;
font-size: 14px !important;
padding: 3px 6px !important
}
body #trip-tabs .nav-tabs li a:not(.ui-state-active), body #trip-tabs .nav-tabs li a:not(.ui-state-active) * {
text-decoration: underline;
}
body #trip-tabs .nav-tabs li.ui-state-active a {
color: #777 !important;
}
body #trip-tabs .nav-tabs li:first-child {
display: none !important;
}
body .trip-home-content > div {
padding: 0 !important;
}
body .tripContentContainer {
margin-top: 25px !important;
}
body .reservationDetails .col-md-8 {
padding: 0 !important;
}
body #divEditabilityNote {
margin: 0 !important;
max-width: 100% !important;
}
body .tab-content .reservation-content-body .row div input {
display: block;
margin: 5px 0;
width: 100% !important;
}
body .tab-content .reservation-content-header label {
font-size: 15px !important;
padding: 3px 10px !important;
}
body #mobile_pricing_landscape_note {
display: block !important;
font-size: 20px;
font-weight: 700;
text-align: center;
}
body .tab-content .reservation-content-body table tr td:first-child, .tab-content .reservation-content-body table tr td:last-child {
min-width: 65vw !important;
}
body.in_iframe .trip-container .container {
padding: 0 !important;
}
body.in_iframe .main-content .titles-and-content {
margin: 0 !important;
padding: 0 10px !important;
}
body.in_iframe {
padding-top: 0 !important;
}
body .hold_container {
display: block;
margin-left: 0 !important;
}
}
/* Add This overrides */
a.at-svc-facebook {
border-top-left-radius: 10px !important;
border-top-right-radius: 0 !important;
}
a.at-svc-compact {
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 0 !important;
}
/* New colors */
body .main-nav #navbar .navbar-nav .lake-subnav {
background-color: #e6e8e8 !important
}
body .main-nav #navbar .navbar-nav>li.active>a {
color: #000;
text-shadow: none !important;
}
body .main-nav #navbar .navbar-nav .lake-subnav>a, .main-nav #navbar .navbar-nav .lake-subnav>ul>li>a {
color: #0075e2 !important;
text-shadow: none !important;
}
body .homepage .main-nav #navbar .navbar-nav>li>a {
}
body .main-content .titles-and-content h1 {
color: #0075e2 !important;
}
body a {
color: #0075e2;
}
body .btn-primary {
background-color: #0075e2;
border-color: #0075e2;
}
body .srp-large-map img, body .srp-large-map img:hover {
cursor: pointer !important;
}
body .trip-tool.not-logged {
width: 200px !important;
}
@media (max-width: 767px){
body div.form.price-form form .form-group .multiselect-container {
max-width: 100% !important;
}
body .results-control-bar {
padding: 0 10px !important;
}
#topNav-6, #topNav-5 {
border-bottom: 1px solid #eee;
}
.main-nav #navbar .navbar-nav>li:not(.dropdown)>a {
color: #000;
color: #777;
}
.main-nav #navbar .navbar-nav ul.third-tier-menu li {
font-size: 15px !important;
list-style: none !important;
padding: 5px 0;
}
.main-nav #navbar .navbar-nav ul.third-tier-menu li a {
color: #777;
}
.main-nav #navbar .navbar-nav ul.third-tier-menu li:last-child {
margin-bottom: 15px;
}
.main-nav #navbar .navbar-nav>li>a:not(.primaryLink1) {
line-height: 1.75 !important;
padding: 2px 20px !important;
}
.main-nav #navbar .navbar-nav>li>a:not(.primaryLink1) {
padding: 2px 20px !important;
}
body .main-nav #navbar .navbar-nav>li>a.dropdown-toggle {
padding: 2px 20px !important;
}
/*
.main-nav #navbar .navbar-nav>li>a {
padding: 0 20px !important;
}*/
.main-nav #navbar .navbar-nav>li.active>a {
color: #777 !important;
font-weight: normal !important;
text-shadow: none !important;
}
.main-nav #navbar .navbar-nav>li.lake-subnav {
background-color: transparent !important;
color: #777 !important;
font-weight: normal !important;
text-shadow: none !important;
}
.main-nav #navbar .navbar-nav .lake-subnav>a, .main-nav #navbar .navbar-nav .lake-subnav>ul>li>a {
color: #777 !important;
font-weight: normal !important;
text-shadow: none !important;
}
.fullscreen_flash_for_mobile {
background-color: #000;
color: #fff;
left: 0;
position: fixed;
bottom: 48px;
padding: 15px 25px;
text-align: center;
transition: all 2500ms;
width: 100vw;
z-index: 99999;
}
}
.specialDetail {
text-align: center !important;
}
.resultsItem.noDIP:hover, .resultsItem.noDIP:hover * {
box-shadow: none !important;
cursor: default !important;
}
body .compare-container {
float: none !important;
width: 100% !important;
}
body .compare-view .table-responsive {
margin: 0 !important;
padding: 0 !important;
}
body .compare-view .table-responsive tr > th:last-child {
display: none !important;
}
body .compare-container .modal-lg {
margin: 0 !important;
padding: 0 !important;
}
body .compare-container .modal-body {
margin: 0 0 0 15px !important;
padding: 0 !important;
}
body .srp-map-container img {
cursor: pointer !important;
}
@media (min-width: 1025px){
body #lake-thumbnails-map-placeholder .textOnHover {
padding-top: 105px !important;
}
.media-carousel-large .carousel-inner {
background-color: transparent !important;
margin: 0 !important;
width: 100%;
}
.media-carousel-large .item .carousel-caption h3 {
color: #fff;
}
}
@media ( min-width: 1024px ) and ( max-width: 1368px ){
body .reservationDetails .col-md-8, body .reservationDetails .col-md-4 {
padding: 0 !important;
width: 100% !important;
}
}
@media (min-width: 760px) and (max-width: 1024px){
body .full_name {
display: none !important;
}
body .short_name {
display: inline !important;
}
body div.form.price-form form .form-group .multiselect-container {
max-width: 100% !important;
}
body .media-carousel-large {
z-index: 99000;
}
.media-carousel-large .carousel-inner {
background-color: transparent !important;
margin: 0 !important;
width: 100%;
}
.media-carousel-large .carousel-control.left {
left: 0 !important;
}
.media-carousel-large .carousel-control.left i {
left: 0 !important;
margin-left: 10px !important;
margin-top: -80% !important;
opacity: .6 !important;
right: auto !important;
}
.media-carousel-large .carousel-control.right {
right: 0 !important;
}
.media-carousel-large .carousel-control.right i {
margin-right: 10px !important;
left: auto !important;
margin-top: -80% !important;
opacity: .6 !important;
right: 0 !important
}
body .price-form form {
display: flex;
flex-flow: column;
}
body div.form.price-form form .form-group {
margin-bottom: 0 !important;
width: 100% !important;
}
body div.form.price-form form .form-group>label {
padding-left: 0 !important;
}
body div.form.price-form form .form-group>select, body div.form.price-form form .form-group>input, body div.form.price-form form .form-group>div {
max-width: 400px;
}
body div.form.price-form .searchButtonWrapper {
text-align: center !important;
}
body .listing-modal-wrapper {
z-index: 10000;
}
.listing-modal-wrapper .listing-modal>.modal-lg {
width: 80vw !important;
}
body .compare-container {
float: none !important;
width: 100% !important;
}
body .compare-view .table-responsive {
margin: 0 !important;
padding: 0 !important;
}
body .compare-view .table-responsive tr > th:last-child {
display: none !important;
}
body .compare-container .modal-lg {
margin: 0 !important;
padding: 0 !important;
}
body .compare-container .modal-body {
margin: 0 0 0 15px !important;
padding: 0 !important;
}
body .resultsSet.houseboats .resultsItem, .resultsSet.watercraft .resultsItem {
width: 47% !important;
}
body .main-nav #navbar .navbar-nav .lake-subnav {
display: flex;
justify-content: space-between;
width: 100vw;
}
body .main-nav #navbar .navbar-nav .lake-subnav > *:first-child {
width: 25%;
}
body .main-nav #navbar .navbar-nav .lake-subnav > *:last-child {
display: flex !important;
justify-content: space-between;
margin-right: 50px;
}
body .main-nav #navbar .navbar-nav .lake-subnav > *:last-child li:not(:first-child) {
margin-left: 20px;
}
body .srp-media .form form .form-group .btn-group, .srp-media .form form .form-group .form-control, .srp-media .form form .searchButtonWrapper .btn-group, .srp-media .form form .searchButtonWrapper .form-control {
max-width: 50% !important;
}
body .show-srp-map-toggle {
justify-content: center;
width: 100%;
}
body div.form form .form-group.show-srp-map-toggle label {
width: 100% !important;
}
body div.form form .form-group>label {
margin-right: 15px;
width: 20% !important;
}
body div.form form .form-group {
display: flex;
width: 100% !important;
}
body .srp-media .form form .form-group, body .srp-media .form form .searchButtonWrapper {
padding-left: 12% !important;
}
body .srp-media .form form .searchButtonWrapper {
display: flex;
justify-content: center;
width: 100% !important;
}
body div.form form .searchButtonWrapper button:last-child {
margin-right: 0 !important;
}
body .srp-lakes label:first-child {
width: 100% !important;
}
#lake-thumbnails-map-placeholder img {
height: 40vh;
object-fit: cover;
}
body #lake-thumbnails-map-placeholder .textOnHover {
display: block;
padding-top: 175px;
}
.main-nav #navbar .navbar-nav>li#topNav-12>a {
line-height: 35px;
margin-top: 35px;
}
body .main-nav #navbar .navbar-nav>li#topNav-7>a {
padding-bottom: 10px !important;
}
body #logo a {
background: url( /layout/img/hb-large-logo-new.png) !important;
background-repeat: no-repeat !important;
background-position: center 14px !important;
background-position: center 0px !important;
background-size: 100% auto !important;
}
.main-nav #navbar .navbar-nav .lake-subnav .third-tier-menu {
right: 0;
}
body .main-nav #navbar .navbar-nav .lake-subnav {
padding-left: 30px !important;
}
body .main-nav #navbar .navbar-nav .lake-subnav ul {
z-index: 1 !important;
}
body .main-nav #navbar .navbar-nav .lake-subnav * {
font-size: 18px !important;
}
body .main-nav #navbar .navbar-nav .lake-subnav > *:last-child {
margin-right: 30px !important;
}
body .main-nav #navbar .navbar-nav .lake-subnav.short_name_on_mobile a:first-child {
width: 15% !important;
}
body .trip-modal {
height: 95vh !important;
left: 50% !important;
top: 50% !important;
transform: translate( -50%, -50% );
width: 95vw !important;
}
body .trip-modal .modal-content .modal-body ul.ui-tabs-nav {
left: 0;
margin-left: 10px;
top: -50px !important;
}
body .my_trip_modal_header {
display: none !important;
}
body #trip-tabs >ul >li >a {
font-size: 18px !important;
}
body .reservationDetails .col-md-8 {
padding: 0 !important;
}
}
@media (max-width: 767px){
body .form-group label {
padding: 0 !important;
text-align: center;
}
body .compare-container .modal-body {
margin: 1rem 0 !important;
padding: 0 !important;
}
body .results-control-bar {
margin-bottom: 1rem !important;
}
body .shave_me_button {
display: block !important;
margin-bottom: 5rem;
margin-top: 1rem;
}
body .special-embed #logo {
left: 0 !important;
width: 100% !important;
}
body .main-nav #navbar .navbar-nav .dropdown-menu>li>a {
line-height: 25px;
}
body .price-form form {
display: flex;
flex-flow: column;
}
body div.form.price-form form .form-group {
margin-bottom: 0 !important;
width: 100% !important;
}
body div.form.price-form form .form-group>label {
padding-left: 0 !important;
}
body .main-content .titles-and-content {
margin-bottom: -20px;
}
body .thumbnailGallery .thumbnailGalleryThumb>.fa {
left: calc( 50% - 36px );
bottom: calc( 50% - 40px );
}
body .compare-container {
float: none;
width: 100%;
}
body .compare-view .table-responsive {
padding: 0 !important;
}
body .listing-modal .modal-body {
padding: 0 !important;
}
body .compare-container .modal-lg {
}
body .fact-item {
font-size: 28px !important;
}
body .container h1 {
margin-top: 0;
padding-top: 0;
text-align: center;
}
body .explore-houseboats-push {
display: block;
float: none !important;
height: 320px;
left: 0;
margin-left: auto !important;
margin-right: auto !important;
width: 320px;
}
body .explore-houseboats-push > span {
}
body .explore-houseboats-push + * {
clear: both;
}
#header-carousel {
box-shadow: 0px 5px 13px 0px rgba(0,0,0,.25);
}
body .more-content-down {
display: none !important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
top: calc( 50% - 2.75rem );
}
#header-carousel .carousel-control .glyphicon-chevron-left, #header-carousel .carousel-control .glyphicon-chevron-right {
font-size: 45px;
}
body .group img {
height: auto !important;
max-width: 100%;
object-fit: cover;
}
body .group .dip_contact_block {
display: flex;
flex-wrap: wrap;
padding: 0 !important;
}
body .group .dip_contact_block dt {
display: inline-block;
margin-bottom: 1rem;
width: 25%;
}
body .group .dip_contact_block dd {
display: inline-block;
margin-bottom: 1rem;
width: 70%
}
body ul.resultsFAQs {
display: flex;
flex-flow: column;
}
body ul.resultsFAQs li {
width: 100% !important;
text-align: left !important;
}
.media-carousel-large .carousel-inner {
background-color: transparent !important;
margin: 0 !important;
width: 100%;
}
.media-carousel-large .carousel-control.left {
left: 0 !important;
}
.media-carousel-large .carousel-control.left i {
left: 0 !important;
margin-left: 10px !important;
margin-top: -80% !important;
opacity: .6 !important;
right: auto !important;
}
.media-carousel-large .carousel-control.right {
right: 0 !important;
}
.media-carousel-large .carousel-control.right i {
margin-right: 10px !important;
left: auto !important;
margin-top: -80% !important;
opacity: .6 !important;
right: 0 !important
}
.media-carousel-large .item .carousel-caption h3 {
color: #fff;
}
.resultsSet.destinations .resultsItem, .resultsSet.houseboats .resultsItem, .resultsSet.specials .resultsItem, .resultsSet.watercraft .resultsItem {
width: 100% !important;
}
.thumbnailGalleryThumb {
left: 0 !important;
position: static;
width: 100% !important;
}
.srp-map-container {
margin: 0 !important;
padding: 0 !important;
}
.form+.topPagination~.resultsSet, .resultsSet {
display: flex;
flex-flow: column;
margin-top: 0 !important;
padding: 0 !important;
}
.resultsSet.destinations .resultsItem, .resultsSet.houseboats .resultsItem, .resultsSet.specials .resultsItem, .resultsSet.watercraft .resultsItem {
margin: 10px 0 !important;
}
}
@media (max-width: 767px){
body .media-carousel-large-wrapper .carousel-inner>.item>img {
object-fit: cover !important;
}
body .bottom-nav-all-destinations>li {
width: 50% !important;
}
.section-title {
text-align: center;
}
ul.lake-thumbnail-list {
background: #eee;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
width: 100%;
}
ul.lake-thumbnail-list > li {
flex-basis: 25%;
float: none !important;
}
ul.lake-thumbnail-list > li h4 {
font-size: 13px !important;
text-align: center;
width: 100%;
}
#lake-thumbnails-map-placeholder .textOnHover {
display: block !important;
opacity: 1;
padding-top: 75px !important;
}
#lake-thumbnails-map-placeholder .textOnHover > span {
font-size: 22px;
padding: 10px 20px !important;
}
#lake-thumbnails-map-placeholder img {
height: 200px !important;
object-fit: cover;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
#bottomNav-1 > a:first-child {
text-align: center;
}
.main-nav #navbar a {
font-size: 18px !important;
}
body #logo a {
background: url( /layout/img/hb-large-logo-new.png) !important;
background-repeat: no-repeat !important;
background-position: center 14px !important;
background-size: 100% auto !important;
}
}
body .special-embed #logo a {
background: url( /layout/img/hb-large-logo-new.png) !important;
background-repeat: no-repeat !important;
background-position: center -23px !important;
}
.resultsItem:hover .saved-confirmation {
border-top: rgba(226,153,127,.3) solid 30px;
}
.resultsItem:hover .saved-confirmation {
border-top-color: #e2997f;
border-right-color: #e2997f;
}
body #logo a {
background-image: url( /layout/img/hb_logo_desktop.png) !important;
}
body .media-carousel-large-backdrop.in {
opacity: 1 !important;
}
body .navbar-default .navbar-nav *:not(i) {
font-family: "Myriad Pro", sans-serif !important;
}
@media (max-width: 767px){
body .navbar-header #logo a {
background-position: center 0px !important;
}
}
body #at4-scc {
margin-left: -35px !important;
}
</style>
<!-- Global site tag (gtag.js) - Google Ads: 458054697 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-458054697"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-458054697'); console.log( "01/25/21: New Google Ads code ran for this page" ); </script>
</head>
<body class="homepage gts-4041-100 Houseboat_3.0_Page">
<a href="#mainNavigationTop" style="position: absolute; clip: rect(0px 0px 0px 0px);" class="printHide">Skip to Primary Navigation</a>
<a href="#mainContentStart" style="position: absolute; clip: rect(0px 0px 0px 0px);" class="printHide">Skip to Primary Content</a>
<a href="#simpleListBottom" style="position: absolute; clip: rect(0px 0px 0px 0px);" class="printHide">Skip to Footer Navigation</a>
<img src="/layout/img/print-logo.jpg" alt="houseboating.org logo" width="100px" height="100px" id="printLogo" style="display:none; margin:5px !important;"/>
<link rel="stylesheet" type="text/css" href="/layout/css/animate.css">
<div id="newsletterSignupSlideoutTest" class="newsletter-modal-wrapper" style="display:none;">
<a title="Close" class="sb-nav-close"></a>
<div id="newsletterSignupPopup" >
<div id="newsletterSignupPopupInner">
<h3 class="pricingTitle">Houseboating.org Newsletter Sign-up</h3>
<p>Sign-up for our monthly Newsletter and join over 30,000 other houseboaters receiving information on all the latest specials, vacations planning tips and more.</p>
<form id="hbNewsletterFormID" method="post" action="/processNewsletter.cfm" name="formNew" onSubmit=" return validateThisNewsletterForm( jQuery( this ) ); ">
<input type="hidden" name="id" value="hb_org" />
<input type="hidden" name="emailsubject" value="Houseboating.org newsletter request" />
<input type="hidden" name="messageheader" value="The person below has signed up for the newsletter on houseboating.org" />
<input type="hidden" name="antiSpam" value="Please do not alter" />
<input type="hidden" name="source" value="http://www.houseboating.org/app.cfm" />
<input type="hidden" name="useragent" value="ColdFusion" />
<fieldset>
<div class="group test">
<div class="formItem half">
<label for="fn" class="important">
<span class="labelText">First Name<span>*</span></span>
</label>
<input type="text" name="fn" placeholder="First Name" />
</div>
<div class="formItem half">
<label for="ln" class="important">
<span class="labelText">Last Name<span>*</span></span>
</label>
<input type="text" name="ln" placeholder="Last Name" />
</div>
</div>
<div class="group">
<div class="formItem" style="margin-bottom:10px;">
<label for="email" class="important">
<span class="labelText">Email Address<span>*</span></span>
</label>
<input type="email" name="email" placeholder="Email Address" />
</div>
</div>
</fieldset>
<div align="center" class="submitButtonWrapper">
<button class="searchButton" type="submit">Sign Me Up!</button>
</div>
<div class="clear"></div>
<script type="text/javascript">
var antiSpamNewsletter = function() {
$('input[name="antiSpam"]').each(function(i){
if (isNaN(this.value) == true){
this.value = 0;
} else {
this.value = parseInt(this.value) + 1;
}
});
setTimeout("antiSpamNewsletter()", 1000);
}
antiSpamNewsletter();
function validateThisNewsletterForm( $f ){
var isFormValid = true;
if( $f.find('input[name=fn]').val() == '' ) {
$f.find('input[name=fn]').addClass('error');
isFormValid = false;
} else {
$f.find('input[name=fn]').removeClass('error');
}
if( $f.find('input[name=ln]').val() == '' ) {
$f.find('input[name=ln]').addClass('error');
isFormValid = false;
} else {
$f.find('input[name=ln]').removeClass('error');
}
if( $f.find('input[name=email]').val() == '' ) {
$f.find('input[name=email]').addClass('error');
isFormValid = false;
} else if ( !( /^(.+)@(.+){1,}\.(.+){2,}$/.test($f.find('input[name=email]').val()))) {
$f.find('input[name=email]').addClass('error');
isFormValid = false;
} else {
$f.find('input[name=email]').removeClass('error');
}
if (isFormValid) {
//return true;
var postData = $f.serializeArray();
var formURL = $f.attr("action");
$.ajax(
{
url : formURL,
type: "POST",
data : postData,
success:function(data, textStatus, jqXHR)
{
//data: return data from server
$f.hide();
$f.next('.newsletterFeedbackYes').show();
$.cookie('houseboatNewsletterClosed', 5, { expires: 365, path: '/' });
setTimeout(function(){
$('#sb-nav-close').trigger('click');
}, 2000);
},
error: function(jqXHR, textStatus, errorThrown)
{
//if fails
$f.hide();
$f.next('.newsletterFeedbackNo').show();
setTimeout(function(){
$('#sb-nav-close').trigger('click');
}, 2000);
}
});
return false;
} else {
return false;
}
}
</script>
</form>
<div class="newsletterFeedbackYes" style="height:122px; display:none;">
<h5>You have successfully subscribed!</h5>
</div>
<div class="newsletterFeedbackNo" style="height:122px; display:none;">
<h5>Sorry, we can't take newsletter submissions now. Please try again later.</h5>
</div>
</div>
</div>
</div>
<nav class="navbar yamm navbar-default navbar-fixed-top main-top-nav">
<div class="container-fluid">
<div class="navbar-header">
<div id="logo">
<a href="/" title="Houseboating.org - Houseboat Rentals Across America">Houseboating.org - Houseboat Rentals Across America</a>
</div>
</div><!-- x: .navbar-header -->
<div class="main-nav">
<a name="mainNavigationTop" class="printHide" data-navigation-type="navigation_top_2"></a>
<div class="navbar-header">
<button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse" id="navbar">
<ul class="nav navbar-nav">
<li class="dropdown yamm-fw" id="topNav-1">
<a aria-expanded="false" role="button" data-toggle="dropdown" class="dropdown-toggle primaryLink1" href="/Houseboat-Vacation-Lakes" >Destinations <span class="caret"></span></a>
<ul role="menu" class="dropdown-menu"><li class="go-back go-back-one"><a href="/Houseboat-Vacation-Lakes" ><span>Destinations</span></a></li>
<!-- tier = 2; previousTier = 1 -->
<li class=" has-description" id="topNav-8" >
<a class="primaryLink2" href="/Houseboat-Vacation-Lakes" >
Search All 20 Destinations
</a>
<div class="navigation-caption navigation-caption-2"> </div>
</li>
<li class="popular">
<a href="/Houseboat-Vacation-Lakes" class="h3 primaryLink2">Popular Lakes</a>
<ul class="third-tier-menu lake-thumbnail-list-nav">
<li class="go-back go-back-two"><a href="/Houseboat-Vacation-Lakes"><span>Popular Lakes</span></a></li>
<li class="primary">
<a href="/Lake-Powell-Houseboat-Rentals">
<img src="/media/LakePowellHouseboatRentalsMedia84-300x225.jpg" alt="Lake Powell"/>
<h4 class="">Powell</h4>
</a>
</li>
<li class="primary">
<a href="/Lake-Mead-Houseboat-Rentals">
<img src="/media/Lake-Mead-Houseboat-Rentals-Media-Flickr-8981324889-300x225.jpg" alt="Lake Mead"/>
<h4 class="">Mead</h4>
</a>
</li>
<li class="primary">
<a href="/Shasta-Lake-Houseboat-Rentals">
<img src="/media/Lake-Shasta-Houseboat-Rentals-Media-1-300x225.jpg" alt="Shasta Lake"/>
<h4 class="">Shasta</h4>
</a>
</li>
<li class="primary">
<a href="/Lake-Cumberland-Houseboat-Rentals">
<img src="/media/LakeCumberlandHouseboatRentalsMedia11-300x225.jpg" alt="Lake Cumberland"/>
<h4 class="">Cumberland</h4>
</a>
</li>
<li class="primary">
<a href="/Dale-Hollow-Lake-Houseboat-Rentals">
<img src="/media/Dale-Hollow-Lake-Houseboat-Rentals-Media-25-300x225.jpg" alt="Dale Hollow Lake"/>
<h4 class="">Dale Hollow</h4>
</a>
</li>
</ul>
</li>
<li class="region">
<a href="/Houseboat-Vacation-Lakes/?Region_id=California" class="h4 primaryLink2">California</a>
<ul class="third-tier-menu" data-test="17">
<li class="go-back go-back-two"><a href="/Houseboat-Vacation-Lakes/?Region_id=California"><span>California</span></a></li>
<li><a href="/Lake-Don-Pedro-Houseboat-Rentals">Lake Don Pedro</a></li>
<li><a href="/Shasta-Lake-Houseboat-Rentals">Shasta Lake</a></li>
</ul></li><li class="region"><a href="/Houseboat-Vacation-Lakes/?Region_id=Northwest-Canada" class="h4 primaryLink2">Northwest-Canada</a><ul class="third-tier-menu"><li class="go-back go-back-two"><a href="/Houseboat-Vacation-Lakes/?Region_id=Northwest-Canada"><span>Northwest-Canada</span></a></li>
<li><a href="/Lake-Billy-Chinook-Houseboat-Rentals">Lake Billy Chinook</a></li>
<li><a href="/Lake-of-the-Woods-Houseboat-Rentals">Lake of the Woods</a></li>
<li><a href="/Lake-Roosevelt-Houseboat-Rentals">Lake Roosevelt</a></li>
<li><a href="/Rideau-Canal-Houseboat-Rentals">Rideau Canal</a></li>
</ul></li><li class="region"><a href="/Houseboat-Vacation-Lakes/?Region_id=Southwest" class="h4 primaryLink2">Southwest</a><ul class="third-tier-menu"><li class="go-back go-back-two"><a href="/Houseboat-Vacation-Lakes/?Region_id=Southwest"><span>Southwest</span></a></li>
<li><a href="/Lake-Mead-Houseboat-Rentals">Lake Mead</a></li>
<li><a href="/Lake-Mohave-Houseboat-Rentals">Lake Mohave</a></li>
<li><a href="/Lake-Powell-Houseboat-Rentals">Lake Powell</a></li>
</ul></li><li class="region"><a href="/Houseboat-Vacation-Lakes/?Region_id=Midwest" class="h4 primaryLink2">Midwest</a><ul class="third-tier-menu"><li class="go-back go-back-two"><a href="/Houseboat-Vacation-Lakes/?Region_id=Midwest"><span>Midwest</span></a></li>
<li><a href="/Birch-Lake-Houseboat-Rentals">Birch Lake</a></li>
<li><a href="/Rainy-Lake-Houseboat-Rentals">Rainy Lake</a></li>
<li><a href="/Voyageurs-National-Park-Houseboat-Rentals">Voyageurs National Park</a></li>
</ul></li><li class="region"><a href="/Houseboat-Vacation-Lakes/?Region_id=South" class="h4 primaryLink2">South</a><ul class="third-tier-menu"><li class="go-back go-back-two"><a href="/Houseboat-Vacation-Lakes/?Region_id=South"><span>South</span></a></li>
<li><a href="/Bull-Shoals-Lake-Houseboat-Rentals">Bull Shoals Lake</a></li>
<li><a href="/Dale-Hollow-Lake-Houseboat-Rentals">Dale Hollow Lake</a></li>
<li><a href="/Lake-Cumberland-Houseboat-Rentals">Lake Cumberland</a></li>
<li><a href="/Lake-Ouachita-Houseboat-Rentals">Lake Ouachita</a></li>
</ul></li><li class="region"><a href="/Houseboat-Vacation-Lakes/?Region_id=Southeast" class="h4 primaryLink2">Southeast</a><ul class="third-tier-menu"><li class="go-back go-back-two"><a href="/Houseboat-Vacation-Lakes/?Region_id=Southeast"><span>Southeast</span></a></li>
<li><a href="/Everglades-National-Park-Houseboat-Rentals">Everglades National Park</a></li>
<li><a href="/Smith-Mountain-Lake-Houseboat-Rentals">Smith Mountain Lake</a></li>
<li><a href="/St-Johns-River-Houseboat-Rentals">St Johns River</a></li>
</ul></li><li class="region"><a href="/Houseboat-Vacation-Lakes/?Region_id=Northeast" class="h4 primaryLink2">Northeast</a><ul class="third-tier-menu"><li class="go-back go-back-two"><a href="/Houseboat-Vacation-Lakes/?Region_id=Northeast"><span>Northeast</span></a></li>
<li><a href="/Erie-Canal-Houseboat-Rentals">Erie Canal</a></li>
</ul>
</li>
<li>
</li></ul></li>
<!-- tier = 1; previousTier = 2 -->
<li class="" id="topNav-2" >
<a class="primaryLink1" href="/Houseboat-Photo-Gallery" >
Photos & Videos
</a>
</li>
<!-- tier = 1; previousTier = 1 -->
<li class="" id="topNav-3" >
<a class="primaryLink1" href="/Houseboat-Rental-Specials" >
Specials
</a>
</li>
<!-- tier = 1; previousTier = 1 -->
<li class="" id="topNav-12" >
<a class="primaryLink1" href="/Houseboat-Rental-Blog" >
Blog
</a>
</li>
<!-- tier = 1; previousTier = 1 -->
<li class="" id="topNav-7" >
<a class="primaryLink1 noLink" href="#" onclick="return false;" >
<div class="mytrip-container">
<div style=" padding-left: 20px; ">
<label>MY TRIP</label>
<label data-field="userName">
Sign in
</label>
</div>
<span class="unseenNotifications" style=" visibility: hidden; ">0</span>
</div>
<div class="trip-tool not-logged">
<div class="nav_mobile_tweaks wrapper divHidden" id="linksTopNavLoggedIn">
<a href="" onClick=" check_for_relogin( function( ){ openMyTripAndNavigateTo( 1 ); } ); return false; " ><span>Home</span><span style=" display: none; ">Home</span></a><br/>
<a href="" onClick=" check_for_relogin( function( ){ openMyTripAndNavigateTo( 2 ); } ); return false; " ><span>My Houseboats</span><span style=" display: none; ">Houseboats</span></a><br/>
<a href="" onClick=" check_for_relogin( function( ){ openMyTripAndNavigateTo( 3 ); } ); return false; " ><span>Reservation details</span><span style=" display: none; ">Reservations</span></a><br/>
<a href="" onClick=" check_for_relogin( function( ){ openMyTripAndNavigateTo( 4 ); } ); return false; " ><span>Trip Support</span><span style=" display: none; ">Trip Support</span></a><br/>
<a href="" onClick=" check_for_relogin( function( ){ openMyTripAndNavigateTo( 5 ); } ); return false; " ><span>Post Trip</span><span style=" display: none; ">Post Trip</span></a><br/>
<a href="" onClick=" if( confirm( 'Are you sure?' ) ){ logOut( ); } return false; " >Log Out</a>
</div>
<div class="wrapper" id="linksTopNavLoggedOut" onClick=" openURLInModal('/redesign/modules/forms/trip_signup.cfm'); ">
<a href="" onClick=" return false; " >Home</a><br/>
<a href="" onClick=" return false; " >My Houseboats</a><br/>
<a href="" onClick=" return false; " >Reservation details</a><br/>
<a href="" onClick=" return false; " >Trip Support</a><br/>
<a href="" onClick=" return false; " >Post Trip</a><br/>
<a href="" onClick=" return false; " >Log In</a>
</div>
</div>
</a>
</li>
<!-- tier = 1; previousTier = 1 -->
<li class="" id="topNav-6" >
<a class="primaryLink1" href="/Contact-Us" >
Request Info
</a>
</li>
<!-- tier = 1; previousTier = 1 -->
<li class="" id="topNav-5" >
<a class="primaryLink1" href="tel:888-454-8825" >
888-454-8825
</a>
</li>
</ul>
</div><!--x .nav-collapse -->
</div><!-- x: .main-nav -->
</div><!-- x: .container-fluid -->
</nav>
<div class="container-fluid">
<div class="row" style="position:relative">
<div id="header-carousel" class="carousel slide header header-Huge" data-ride="carousel" data-number-of-items="11" >
<ol class="carousel-indicators">
<li data-target="#header-carousel" data-slide-to="0" class="active"></li>
<li data-target="#header-carousel" data-slide-to="1"></li>
<li data-target="#header-carousel" data-slide-to="2"></li>
<li data-target="#header-carousel" data-slide-to="3"></li>
<li data-target="#header-carousel" data-slide-to="4"></li>
<li data-target="#header-carousel" data-slide-to="5"></li>
<li data-target="#header-carousel" data-slide-to="6"></li>
<li data-target="#header-carousel" data-slide-to="7"></li>
<li data-target="#header-carousel" data-slide-to="8"></li>
<li data-target="#header-carousel" data-slide-to="9"></li>
<li data-target="#header-carousel" data-slide-to="10"></li>
<li style="display:none;" class="carousel-play-buttons">
<button class="carousel-play-button active">
<i class="fa fa-play"></i>
</button>
</li>
<li style="display:none;" class="carousel-play-buttons">
<button class="carousel-pause-button">
<i class="fa fa-pause"></i>
</button>
</li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active" data-image="/media/Lake-Powell-Panorama-1600x900.jpg">
<img src="/media/Lake-Powell-Panorama-1600x900.jpg?v=11-26" alt="Stunning Lake Powell" class="img-responsive center-block" style=" object-fit: cover; ">
<div class="header-alt"><div><a href="/Houseboat-Vacation-Lakes"><img src="/media/home-page-header-title.png" alt="Your One Stop Source for Houseboat Vacations" /></a><div class="text-center"><a href="/Houseboat-Vacation-Lakes" class="btn btn-lg btn-primary" style="margin-top:10px;">Search all Destinations</a></div></div></div>
<div class="carousel-caption a5">
<a href="/Lake-Powell-Houseboat-Rentals">Stunning Lake Powell</a>
</div>
</div>
<div class="item" data-image="/media/backunderourhomeheader1-1600x900.jpg">
<img src="/media/backunderourhomeheader1-1600x900.jpg?v=11-26" alt="Fun for all ages at Lake Ouachita" class="img-responsive center-block" style=" object-fit: cover; ">
<div class="carousel-caption a5">
<a href="/Lake-Ouachita-Houseboat-Rentals">Fun for all ages at Lake Ouachita</a>
</div>
</div>
<div class="item" data-image="/media/Erie-Canal-10-1600x900.jpg">
<img src="/media/Erie-Canal-10-1600x900.jpg?v=11-26" alt="Explore the Erie Canal at Your Own Pace" class="img-responsive center-block" style=" object-fit: cover; ">
<div class="carousel-caption a5">
<a href="/Erie-Canal-Houseboat-Rentals">Explore the Erie Canal at Your Own Pace</a>
</div>
</div>
<div class="item" data-image="/media/Voyageurs-National-Park-Pete-Esche-1600x900.jpg">
<img src="/media/Voyageurs-National-Park-Pete-Esche-1600x900.jpg?v=11-26" alt="Setting Sun on Voyageurs National Park" class="img-responsive center-block" style=" object-fit: cover; ">
<div class="carousel-caption a5">
<a href="/Voyageurs-National-Park-Houseboat-Rentals">Setting Sun on Voyageurs National Park</a>
</div>
</div>
<div class="item" data-image="/media/Jumping-Jet-Skiier-1600x900.jpg">
<img src="/media/Jumping-Jet-Skiier-1600x900.jpg?v=11-26" alt="Dale Hollow water adventure" class="img-responsive center-block" style=" object-fit: cover; ">
<div class="carousel-caption a5">
<a href="/Dale-Hollow-Lake-Houseboat-Rentals">Dale Hollow water adventure</a>
</div>
</div>
<div class="item" data-image="/media/Wakeboarder-1600x900.jpg">
<img src="/media/Wakeboarder-1600x900.jpg?v=11-26" alt="Houseboating adventures" class="img-responsive center-block" style=" object-fit: cover; ">
<div class="carousel-caption a5">
Houseboating adventures
</div>
</div>
<div class="item" data-image="/media/Lake-Shasta-1600x900.jpg">
<img src="/media/Lake-Shasta-1600x900.jpg?v=11-26" alt="The majestic Shasta Lake" class="img-responsive center-block" style=" object-fit: cover; ">
<div class="carousel-caption a5">
<a href="/Shasta-Lake-Houseboat-Rentals">The majestic Shasta Lake</a>
</div>
</div>
<div class="item" data-image="/media/At-The-Dock-1600x900.jpg">
<img src="/media/At-The-Dock-1600x900.jpg?v=11-26" alt="Time for one last run at Shasta Lake" class="img-responsive center-block" style=" object-fit: cover; ">
<div class="carousel-caption a5">
<a href="/Shasta-Lake-Houseboat-Rentals">Time for one last run at Shasta Lake</a>
</div>
</div>
<div class="item" data-image="/media/Journey-At-Night-1600x900.jpg">
<img src="/media/Journey-At-Night-1600x900.jpg?v=11-26" alt="Settling in for the night on Lake Powell" class="img-responsive center-block" style=" object-fit: cover; ">
<div class="carousel-caption a5">
<a href="/Lake-Powell-Houseboat-Rentals">Settling in for the night on Lake Powell</a>
</div>
</div>
<div class="item" data-image="/media/Luna-Class-Houseboat-Media-Header-1600x900.jpg">
<img src="/media/Luna-Class-Houseboat-Media-Header-1600x900.jpg?v=11-26" alt="The Luna Houseboat from Seven Bays Marina" class="img-responsive center-block" style=" object-fit: cover; ">
<div class="carousel-caption a5">
<a href="/Lake-Roosevelt-Houseboat-Rentals">The Luna Houseboat from Seven Bays Marina</a>
</div>
</div>
<div class="item" data-image="/media/Mead-Header-3-1600x900.jpg">
<img src="/media/Mead-Header-3-1600x900.jpg?v=11-26" alt="Houseboat on beautiful Lake Mead" class="img-responsive center-block" style=" object-fit: cover; ">
<div class="carousel-caption a5">
<a href="/Lake-Mead-Houseboat-Rentals">Houseboat on beautiful Lake Mead</a>
</div>
</div>
</div><!-- x: .carousel-inner -->
<!-- Controls -->
<a class="left carousel-control" href="#header-carousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#header-carousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div><!-- x: #header-carousel -->
<a href="##" class="more-content-down"><i class="fa fa-angle-double-down fa-4x"></i></a>
</div>
</div>
<section>
<div class="container main-content">
<div class="row">
<div class="titles-and-content">
<a name="mainContentStart" class="printHide"></a>
<h1 data-asf_editable="pages____title____100">Houseboat Rentals Across America
</h1>
<h2 data-asf_editable="pages____subtitle____100">The #1 Houseboat Vacation Source</h2>
<div class="group introPageSection">
<p style="text-align: center;">
Every houseboating lake in North America is unique and every houseboat rental is different. Cruise gentle waters surrounded by forests or sheltered by dramatic red rock cliffs. Enjoy a luxury houseboat with all the amenities or a comfortable more compact houseboat. Rent personal watercraft or speed boats to experience even more of our lakes. A houseboat vacation is one of a kind—basking in warm sunlight by day and sleeping under the stars at night.</p>
</div>
<div class="srp">
<div class="srp-homepage">
</div>
</div>
</div>
<div class="promotions" data-promo-count="3">
<h4 class="text-right col-xs-12" style="margin-bottom:-50px; z-index: 2; "><a href="/Houseboat-Rental-Specials"><strong>See All Current Specials</strong></a></h4>
<div class="promotion-item-wrapper">
<div class="promotion-item promotion-item-1" id="promotionItem_">
<div class="promotion-body">
<a class="image-link externalLink" href="/public/specials.cfm?idCoupon=221" >
<img src="/media/State-Dock-20-off-Black-Friday-Preview-300x175.jpg" alt="" class="img-responsive" /></a>
<a href="/public/specials.cfm?idCoupon=221" class="externalLink">View Complete Details</a>
</div>
</div><!-- x: .promotionItem -->
</div>
<div class="promotion-item-wrapper">
<div class="promotion-item promotion-item-2" id="promotionItem_">
<div class="promotion-body">
<a class="image-link externalLink" href="/public/specials.cfm?idCoupon=222" >
<img src="/media/Don-Pedro-20-off-Black-Friday-Preview-300x175.jpg" alt="" class="img-responsive" /></a>
<a href="/public/specials.cfm?idCoupon=222" class="externalLink">View Complete Details</a>
</div>
</div><!-- x: .promotionItem -->
</div>
<div class="promotion-item-wrapper">
<div class="promotion-item promotion-item-3" id="promotionItem_">
<div class="promotion-body">
<a class="image-link externalLink" href="/public/specials.cfm?idCoupon=219" >
<img src="/media/Rideau-Canal-3-ways-to-Save-2022-300x175.jpg" alt="" class="img-responsive" /></a>
<a href="/public/specials.cfm?idCoupon=219" class="externalLink">View Complete Details</a>
</div>
</div><!-- x: .promotionItem -->
</div>
</div>
</div>
</div>
</section>
<style type="text/css">
#lake-thumbnails-map-placeholder .textOnHover {
color: #000;
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 30px;
padding-top: 150px;
letter-spacing: 12px;
z-index: 9999999999;
}
#lake-thumbnails-map-placeholder {
position: relative;
opacity: 1;
height: 100%;
width: 100%;
}
#lake-thumbnails-map-placeholder:hover {
border: 1px solid #ccc;
}
#lake-thumbnails-map-placeholder:hover img {
opacity: .15;
}
#lake-thumbnails-map-placeholder:hover .textOnHover {
display: block;
opacity: 1;
}
</style>
<div class="padded-row shaded map-section">
<div class="container-fluid">
<div class="row">
<div id="lake-thumbnails-map" style=" display: none; "></div>
<div id="lake-thumbnails-map-placeholder" style=" cursor: pointer; text-align: center; " onClick=" $( this ).prev( ).show( ); $( this ).remove( ); initLakeThumbnailsMap( ); ">
<div class="textOnHover">
<span style=" background: black; color: white; padding: 15px 30px; " >
Click to activate map
</span>
</div>
<img src="/maps/Google-Map-Home.jpg" style=" max-width: 100%; " />
</div>
</div>
</div>
<div class="container">
<div class="row">
<h3 class="col-xs-12 section-title">Explore Our 20 Destinations</h3>
<ul class="lake-thumbnail-list">
<li class="primary">
<a href="/Lake-Powell-Houseboat-Rentals" id="lake-thumbnail-121">
<img src="/media/LakePowellHouseboatRentalsMedia84-300x225.jpg?v=1" alt="Lake Powell"/>
<h4 class="">Powell</h4>
</a>
</li>
<li class="primary">
<a href="/Lake-Mead-Houseboat-Rentals" id="lake-thumbnail-116">
<img src="/media/Lake-Mead-Houseboat-Rentals-Media-Flickr-8981324889-300x225.jpg?v=1" alt="Lake Mead"/>
<h4 class="">Mead</h4>
</a>
</li>
<li class="primary">
<a href="/Shasta-Lake-Houseboat-Rentals" id="lake-thumbnail-123">
<img src="/media/Lake-Shasta-Houseboat-Rentals-Media-1-300x225.jpg?v=1" alt="Shasta Lake"/>
<h4 class="">Shasta</h4>
</a>
</li>
<li class="primary">
<a href="/Lake-Cumberland-Houseboat-Rentals" id="lake-thumbnail-112">
<img src="/media/LakeCumberlandHouseboatRentalsMedia11-300x225.jpg?v=1" alt="Lake Cumberland"/>
<h4 class="">Cumberland</h4>
</a>
</li>
<li class="primary">
<a href="/Dale-Hollow-Lake-Houseboat-Rentals" id="lake-thumbnail-103">
<img src="/media/Dale-Hollow-Lake-Houseboat-Rentals-Media-25-300x225.jpg?v=1" alt="Dale Hollow Lake"/>
<h4 class="">Dale Hollow</h4>
</a>
</li>
<li class="secondary">
<a href="/Lake-Roosevelt-Houseboat-Rentals" id="lake-thumbnail-122">
<img src="/media/Lake-Roosevelt-Houseboat-Rentals-Media-21-300x225.jpg?v=1" alt="Lake Roosevelt"/>
<h4 class="">Roosevelt</h4>
</a>
</li>
<li class="secondary">
<a href="/Lake-Ouachita-Houseboat-Rentals" id="lake-thumbnail-140">
<img src="/media/LakeOuachitaHouseboatRentalsMedia2-300x225.jpg?v=1" alt="Lake Ouachita"/>
<h4 class="">Ouachita</h4>
</a>
</li>
<li class="secondary">
<a href="/Lake-Mohave-Houseboat-Rentals" id="lake-thumbnail-117">
<img src="/media/Lake-Mohave-Houseboat-Rentals-Media-1-300x225.jpg?v=1" alt="Lake Mohave"/>
<h4 class="">Mohave</h4>
</a>
</li>
<li class="secondary">
<a href="/Lake-Don-Pedro-Houseboat-Rentals" id="lake-thumbnail-113">
<img src="/media/Lake-Don-Pedro-Houseboat-Rentals-Media-Flickr-12294460325-300x225.jpg?v=1" alt="Lake Don Pedro"/>
<h4 class="">Don Pedro</h4>
</a>
</li>
<li class="secondary">
<a href="/Lake-Billy-Chinook-Houseboat-Rentals" id="lake-thumbnail-111">
<img src="/media/Lake-Billy-Chinook-Houseboat-Rentals-Media-5-300x225.jpg?v=1" alt="Lake Billy Chinook"/>
<h4 class="">Billy Chinook</h4>
</a>
</li>
<li class="secondary">
<a href="/Birch-Lake-Houseboat-Rentals" id="lake-thumbnail-143">
<img src="/media/1606263_10151799899386105_2047499283_o1-300x225.jpg?v=1" alt="Birch Lake"/>
<h4 class="">Birch</h4>
</a>
</li>
<li class="tertiary">
<a href="/Bull-Shoals-Lake-Houseboat-Rentals" id="lake-thumbnail-100">
<img src="/media/Bull-Shoals-Lake-Houseboat-Rentals-Media-22-300x225.jpg?v=1" alt="Bull Shoals Lake"/>
<h4 class="">Bull Shoals</h4>
</a>
</li>
<li class="tertiary">
<a href="/Erie-Canal-Houseboat-Rentals" id="lake-thumbnail-104">
<img src="/media/ErieCanal10-300x225.jpg?v=1" alt="Erie Canal"/>
<h4 class="">Erie Canal</h4>
</a>
</li>
<li class="tertiary">
<a href="/Everglades-National-Park-Houseboat-Rentals" id="lake-thumbnail-144">
<img src="/media/?v=1" alt="Everglades National Park"/>
<h4 class="">Everglades N.P.</h4>
</a>
</li>
<li class="tertiary">
<a href="/Lake-of-the-Woods-Houseboat-Rentals" id="lake-thumbnail-119">
<img src="/media/Lake-of-the-Woods-Houseboat-Rentals-Media-18-300x225.JPG?v=1" alt="Lake of the Woods"/>
<h4 class="">Lake of the Woods</h4>
</a>
</li>
<li class="tertiary">
<a href="/Rainy-Lake-Houseboat-Rentals" id="lake-thumbnail-130">
<img src="/media/Rainy-Lake-Houseboat-Rentals-Media-21-300x225.jpg?v=1" alt="Rainy Lake"/>
<h4 class="">Rainy</h4>
</a>
</li>
<li class="tertiary">
<a href="/Rideau-Canal-Houseboat-Rentals" id="lake-thumbnail-146">
<img src="/media/?v=1" alt="Rideau Canal"/>
<h4 class="">Rideau Canal</h4>
</a>
</li>
<li class="tertiary">
<a href="/Smith-Mountain-Lake-Houseboat-Rentals" id="lake-thumbnail-133">
<img src="/media/Smith-Mountain-Lake-Houseboat-Rentals-Media-1-300x225.jpg?v=1" alt="Smith Mountain Lake"/>
<h4 class="">Smith Mountain</h4>
</a>
</li>
<li class="tertiary">
<a href="/St-Johns-River-Houseboat-Rentals" id="lake-thumbnail-134">
<img src="/media/St-Johns-River-Houseboat-Rentals-Media-26-300x225.jpg?v=1" alt="St Johns River"/>
<h4 class="">St Johns </h4>
</a>
</li>
<li class="tertiary">
<a href="/Voyageurs-National-Park-Houseboat-Rentals" id="lake-thumbnail-139">
<img src="/media/Voyageurs-Pete-Esche-300x225.jpg?v=1" alt="Voyageurs National Park"/>
<h4 class="">Voyageurs N.P.</h4>
</a>
</li>
</ul>
</div>
<div class="row">
<div class="col-xs-12 text-center">
<a href="/Houseboat-Vacation-Lakes" class="btn btn-lg btn-primary" style="margin-top:10px;">Search all Destinations</a>
</div>
</div>
</div>
</div>
<script>
function initLakeThumbnailsMap( ){
// $(document).ready(function(){
var mapOptions = {
center: new google.maps.LatLng(39.164141,-95.449219),
zoom: 4,
scrollwheel: false,
panControl: false,
mapTypeControl: false,
streetViewControl:false,
zoomControlOptions:{position: google.maps.ControlPosition.TOP_LEFT},
styles : houseboatStyles
};
lakeThumbnailsMapBounds = new google.maps.LatLngBounds();
lakeThumbnailsMap = new google.maps.Map($('#lake-thumbnails-map')[0], mapOptions);
addDestinationMarker({ lat: 37.28, lng: -110.87, id_lakes: 121, title:'Lake Powell', display:'Lake-Powell-Houseboat-Rentals' }); addDestinationMarker({ lat: 36.13, lng: -114.40, id_lakes: 116, title:'Lake Mead', display:'Lake-Mead-Houseboat-Rentals' }); addDestinationMarker({ lat: 40.77, lng: -122.31, id_lakes: 123, title:'Shasta Lake', display:'Shasta-Lake-Houseboat-Rentals' }); addDestinationMarker({ lat: 36.89, lng: -85.05, id_lakes: 112, title:'Lake Cumberland', display:'Lake-Cumberland-Houseboat-Rentals' }); addDestinationMarker({ lat: 36.61, lng: -85.33, id_lakes: 103, title:'Dale Hollow Lake', display:'Dale-Hollow-Lake-Houseboat-Rentals' }); addDestinationMarker({ lat: 48.10, lng: -118.24, id_lakes: 122, title:'Lake Roosevelt', display:'Lake-Roosevelt-Houseboat-Rentals' }); addDestinationMarker({ lat: 34.59, lng: -93.34, id_lakes: 140, title:'Lake Ouachita', display:'Lake-Ouachita-Houseboat-Rentals' }); addDestinationMarker({ lat: 35.46, lng: -114.66, id_lakes: 117, title:'Lake Mohave', display:'Lake-Mohave-Houseboat-Rentals' }); addDestinationMarker({ lat: 37.70, lng: -120.40, id_lakes: 113, title:'Lake Don Pedro', display:'Lake-Don-Pedro-Houseboat-Rentals' }); addDestinationMarker({ lat: 44.59, lng: -121.31, id_lakes: 111, title:'Lake Billy Chinook', display:'Lake-Billy-Chinook-Houseboat-Rentals' }); addDestinationMarker({ lat: 47.77, lng: -91.91, id_lakes: 143, title:'Birch Lake', display:'Birch-Lake-Houseboat-Rentals' }); addDestinationMarker({ lat: 36.50, lng: -92.77, id_lakes: 100, title:'Bull Shoals Lake', display:'Bull-Shoals-Lake-Houseboat-Rentals' }); addDestinationMarker({ lat: 43.08, lng: -77.32, id_lakes: 104, title:'Erie Canal', display:'Erie-Canal-Houseboat-Rentals' }); addDestinationMarker({ lat: 25.29, lng: -80.90, id_lakes: 144, title:'Everglades National Park', display:'Everglades-National-Park-Houseboat-Rentals' }); addDestinationMarker({ lat: 49.06, lng: -94.84, id_lakes: 119, title:'Lake of the Woods', display:'Lake-of-the-Woods-Houseboat-Rentals' }); addDestinationMarker({ lat: 48.64, lng: -93.22, id_lakes: 130, title:'Rainy Lake', display:'Rainy-Lake-Houseboat-Rentals' }); addDestinationMarker({ lat: 44.90, lng: -76.02, id_lakes: 146, title:'Rideau Canal', display:'Rideau-Canal-Houseboat-Rentals' }); addDestinationMarker({ lat: 37.08, lng: -79.62, id_lakes: 133, title:'Smith Mountain Lake', display:'Smith-Mountain-Lake-Houseboat-Rentals' }); addDestinationMarker({ lat: 29.62, lng: -81.60, id_lakes: 134, title:'St Johns River', display:'St-Johns-River-Houseboat-Rentals' }); addDestinationMarker({ lat: 48.45, lng: -92.92, id_lakes: 139, title:'Voyageurs National Park', display:'Voyageurs-National-Park-Houseboat-Rentals' });
if ($('.device-xs').is(':visible')) {
lakeThumbnailsMap.fitBounds(lakeThumbnailsMapBounds);
google.maps.event.addListenerOnce(lakeThumbnailsMap, 'idle', function() {
lakeThumbnailsMap.setZoom(lakeThumbnailsMap.getZoom() + 1);
});
}
}
// });
</script>
<style type="text/css">
.gm-style img {
cursor: pointer !important;
}
</style>
<div class="container">
<div class="row padded-row">
<div class="col-sm-8 col-xs-12">
<div id="social-tabs" class="page-tab-set">
<ul class="nav nav-tabs page-tabs">
<li><a href="#tab_1">Houseboating Blog</a></li>
<li><a href="#tab_2"><i class="fa fa-envelope"></i> Newsletter</a></li>
<li><a href="#tab_3"><i class="fa fa-facebook"></i> <span class="sr-only">Facebook</span></a></li>
<li><a href="#tab_5"><i class="fa fa-instagram"></i> <span class="sr-only">Instagram</span></a></li>
</ul>
<div class="tab-content panel-group" id="tab_accordion">
<div id="tab_1" class="tab-content tab-pane panel" style="display:block;">
<div class="panel-heading visible-xs-block visible-sm-block" role="tab">
<h3 class="panel-title">
<a data-toggle="collapse" data-parent="#tab_accordion" href="#tab_collapse_1" aria-expanded="true" aria-controls="tab_collapse_1">
Houseboating Blog
</a>
</h3>
</div>
<div id="tab_collapse_1" class="panel-collapse collapse in blog" role="tabpanel" aria-labelledby="tab_collapse_1">
<a href="/Florida-Unspoiled-the-St-Johns-River-Experience">
<img src="/media/new/St-Johns-River-Houseboat-Rentals-Media-30-800x600.jpg" class="img-responsive blog-image" alt="Florida Unspoiled - the St Johns River Experience">
</a>
<h3><a href="/Florida-Unspoiled-the-St-Johns-River-Experience">Florida Unspoiled - the St Johns River Experience</a></h3>
<div class="blog-teaser">
Life is casual and laid back on the St. Johns River in the heart of Florida. Time to slow down and enjoy the leisurely pace along the various scenes of cypress swamps, ma... <a href="/Florida-Unspoiled-the-St-Johns-River-Experience">Read More</a>
</div>
</div>
</div>
<div id="tab_2" class="tab-content tab-pane panel">
<div class="panel-heading visible-xs-block visible-sm-block" role="tab">
<h3 class="panel-title">
<a data-toggle="collapse" data-parent="#tab_accordion" href="#tab_collapse_2" aria-expanded="true" aria-controls="tab_collapse_2">
<i class="fa fa-envelope"></i> Newsletter
</a>
</h3>
</div>
<div id="tab_collapse_2" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="tab_collapse_2">
<h3>Join Our Newsletter</h3>
<p>Join over 60,000+ other houseboaters and sign up for our newsletter. Be the first to receive our latest specials, helpful articles, and other great information directly to your email inbox for FREE! Don't worry, we won't share your information.</p>
<div class="social-tabs-newsletter">
<form id="hbNewsletterFormID" method="post" action="/processNewsletter.cfm" name="formNew" onSubmit=" return validateThisNewsletterForm( jQuery( this ) ); ">
<input type="hidden" name="id" value="hb_org" />
<input type="hidden" name="emailsubject" value="Houseboating.org newsletter request" />
<input type="hidden" name="messageheader" value="The person below has signed up for the newsletter on houseboating.org" />
<input type="hidden" name="antiSpam" value="Please do not alter" />
<input type="hidden" name="source" value="http://www.houseboating.org/app.cfm" />
<input type="hidden" name="useragent" value="ColdFusion" />
<fieldset>
<div class="group">
<div class="formItem half">
<label for="fn" class="important">
<span class="labelText">First Name<span>*</span></span>
</label>
<input type="text" name="fn" placeholder="First Name" />
</div>
<div class="formItem half">
<label for="ln" class="important">
<span class="labelText">Last Name<span>*</span></span>
</label>
<input type="text" name="ln" placeholder="Last Name" />
</div>
</div>
<div class="group">
<div class="formItem" style="margin-bottom:10px;">
<label for="email" class="important">
<span class="labelText">Email Address<span>*</span></span>
</label>
<input type="email" name="email" placeholder="Email Address" />
</div>
</div>
</fieldset>
<div align="center" class="submitButtonWrapper">
<button class="searchButton" type="submit">Sign Me Up!</button>
</div>
<div class="clear"></div>
<script type="text/javascript">
var antiSpamNewsletter = function() {
$('input[name="antiSpam"]').each(function(i){
if (isNaN(this.value) == true){
this.value = 0;
} else {
this.value = parseInt(this.value) + 1;
}
});
setTimeout("antiSpamNewsletter()", 1000);
}
antiSpamNewsletter();
function validateThisNewsletterForm( $f ){
var isFormValid = true;
if( $f.find('input[name=fn]').val() == '' ) {
$f.find('input[name=fn]').addClass('error');
isFormValid = false;
} else {
$f.find('input[name=fn]').removeClass('error');
}
if( $f.find('input[name=ln]').val() == '' ) {
$f.find('input[name=ln]').addClass('error');
isFormValid = false;
} else {
$f.find('input[name=ln]').removeClass('error');
}
if( $f.find('input[name=email]').val() == '' ) {
$f.find('input[name=email]').addClass('error');
isFormValid = false;
} else if ( !( /^(.+)@(.+){1,}\.(.+){2,}$/.test($f.find('input[name=email]').val()))) {
$f.find('input[name=email]').addClass('error');
isFormValid = false;
} else {
$f.find('input[name=email]').removeClass('error');
}
if (isFormValid) {
//return true;
var postData = $f.serializeArray();
var formURL = $f.attr("action");
$.ajax(
{
url : formURL,
type: "POST",
data : postData,
success:function(data, textStatus, jqXHR)
{
//data: return data from server
$f.prev('p').hide();
$f.hide();
$f.next('.newsletterFeedbackYes').show();
$.cookie('houseboatNewsletterClosed', 5, { expires: 365, path: '/' });
setTimeout(function(){
$('#sb-nav-close').trigger('click');
}, 2000);
},
error: function(jqXHR, textStatus, errorThrown)
{
//if fails
$f.prev('p').hide();
$f.hide();
$f.next('.newsletterFeedbackNo').show();
setTimeout(function(){
$('#sb-nav-close').trigger('click');
}, 2000);
}
});
return false;
} else {
return false;
}
}
</script>
</form>
<div class="newsletterFeedbackYes" style="height:122px; display:none;">
<h5>Your submission was successful.<br> You will start receiving our monthly Newsletter soon.</h5>
<h4>Thanks!</h4>
</div>
<div class="newsletterFeedbackNo" style="height:122px; display:none;">
<h5>Sorry, we can't take newsletter submissions now. Please try again later.</h5>
</div>
</div>
</div>
</div>
<div id="tab_3" class="tab-content tab-pane panel">
<div class="panel-heading visible-xs-block visible-sm-block" role="tab">
<h3 class="panel-title">
<a data-toggle="collapse" data-parent="#tab_accordion" href="#tab_collapse_3" aria-expanded="true" aria-controls="tab_collapse_3">
<i class="fa fa-facebook"></i> Facebook
</a>
</h3>
</div>
<div id="tab_collapse_3" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="tab_collapse_3">
<div id="fb-root"></div>
<div style="width:100%; height:100%; text-align:center;">
<div class="fb-page" data-href="https://www.facebook.com/Houseboatingorg/" data-tabs="timeline" data-height="500" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div>
</div>
</div>
</div>
<div id="tab_5" class="tab-content tab-pane panel">
<div class="panel-heading visible-xs-block visible-sm-block" role="tab">
<h3 class="panel-title">
<a data-toggle="collapse" data-parent="#tab_accordion" href="#tab_collapse_5" aria-expanded="true" aria-controls="tab_collapse_5">
<i class="fa fa-instagram"></i> Instagram
</a>
</h3>
</div>
<div id="tab_collapse_5" class="panel-collapse collapse in instagram" role="tabpanel" aria-labelledby="tab_collapse_5">
<div class="text-center">
<!-- LightWidget WIDGET --><script src="https://cdn.lightwidget.com/widgets/lightwidget.js"></script><iframe src="https://cdn.lightwidget.com/widgets/bdb23e1761a6503f9215ff5e81a0e738.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width:100%;border:0;overflow:hidden;"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="promotion-item-wrapper">
<div class="promotion-item" id="promotionItem_Featured-Lake">
<div class="promotion-body">
<a href="/Lake-of-the-Woods-Houseboat-Rentals" class="image-link">
<img src="/media/new/Lake-of-the-Woods-Houseboat-Rentals-Media-18-800x600.JPG" class="img-responsive" alt="Lake of the Woods">
<span class="featured-destination-title">Featured Destination<span>Lake of the Woods</span>Canada</span>
</a>
<a class="text-link" href="/Lake-of-the-Woods-Houseboat-Rentals">Learn more about Lake of the Woods</a>
<a class="utility-link sr-only" href="/Lake-of-the-Woods-Houseboat-Rentals">Lake of the Woods</a>
</div>
</div><!-- x: .promotionItem -->
</div>
<div class="promotion-item-wrapper">
<div class="promotion-item" id="promotionItem_Featured-Lake">
<div class="promotion-body">
<a href="/Voyageurs-National-Park-Houseboat-Rentals" class="image-link">
<img src="/media/new/Voyageurs-Pete-Esche-800x600.jpg" class="img-responsive" alt="Voyageurs National Park">
<span class="featured-destination-title">Featured Destination<span>Voyageurs National Park</span>Minnesota</span>
</a>
<a class="text-link" href="/Voyageurs-National-Park-Houseboat-Rentals">Learn more about Voyageurs National Park</a>
<a class="utility-link sr-only" href="/Voyageurs-National-Park-Houseboat-Rentals">Voyageurs National Park</a>
</div>
</div><!-- x: .promotionItem -->
</div>
</div>
</div>
</div>
<div class="container">
<div class="row padded-row" style="padding-top:0;">
<div class="col-xs-12 col-sm-4">
<a href="/Houseboat-Vacation-Lakes" class="hexagon-link">
<div class="hexagon yellow"><i class="fontastic-houseboat fa-5x"></i></div>
<h2>Explore Your Options</h2>
<p>More than 200 styles of houseboats at 20 destinations</p>
</a>
</div>
<div class="col-xs-12 col-sm-4">
<a href="/" class="hexagon-link" onclick=" $( '#topNav-7 div.mytrip-container').click( ); return false;">
<div class="hexagon salmon"><i class="fa fa-user fa-5x"></i></div>
<h2>My Trip Plans</h2>
<p>Save and compare houseboats, share with friends, track your reservation, and more.</p>
</a>
</div>
<div class="col-xs-12 col-sm-4">
<a href="/Contact-Us" class="hexagon-link" onclick="openContactFormInModal();return false;">
<div class="hexagon gray"><i class="fa fa-phone fa-5x"></i></div>
<h2>Let's Talk</h2>
<p>Our agents are ready to help you plan your vacation.
<strong>888-454-8825</strong></p>
</a>
</div>
</div>
</div>
<nav class="navbar yamm navbar-default navbar-footer ">
<div class="container">
<a name="mainNavigationTop" class="printHide"></a>
<div class="navbar-header">
<button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse" id="navbar-footer">
<ul class="nav navbar-nav">
<li class="" id="bottomNav-1">
<a data-test-thing="c" class="primaryLink1 " href="/"
>
Houseboating.org
</a>
<ul role="menu" class="dropdown-menu">
<li class="" id="bottomNav-2">
<a data-test-thing="a" class="primaryLink2 " href="/About-Us"
>
About Us
</a>
</li>
<li class="" id="bottomNav-3">
<a data-test-thing="a" class="primaryLink2 " href="/Privacy-Policy"
>
Privacy Policy
</a>
</li>
<li class="" id="bottomNav-4">
<a data-test-thing="a" class="primaryLink2 " href="/Site-Map"
>
Site Map
</a>
</li>
<li class="" id="bottomNav-5">
<a data-test-thing="c" class="primaryLink2 " href="http://#bottomNavDestinationsCollapse"
data-toggle="collapse" aria-expanded="false" aria-controls="bottomNavDestinationsCollapse"
>
Explore All Destinations
</a>
</li></ul></li>
<li class="dropdown yamm-fw" id="bottomNav-6">
<a aria-expanded="false" role="button" data-toggle="dropdown" class="dropdown-toggle primaryLink1" href="/Contact-Us" >Contact Us <span class="caret"></span></a>
<ul role="menu" class="dropdown-menu">
<li class="" id="bottomNav-7">
<a data-test-thing="c" class="primaryLink2 " href="tel:888-454-8825"
>
<i class='fa fa-phone'></i> 888-454-8825
</a>
</li>
<li class="" id="bottomNav-9">
<a data-test-thing="a" class="primaryLink2 " href="/Contact-Us"
>
<i class='fa fa-envelope'></i> Request Info
</a>
</li>
<li class="" id="bottomNav-10">
<a data-test-thing="c" class="primaryLink2 " href="https://www.facebook.com/Houseboatingorg" target="_blank"
>
<i class='fa fa-facebook-square'></i><span class='sr-only'>Facebook</span>
</a>
</li>
<li class="" id="bottomNav-11">
<a data-test-thing="c" class="primaryLink2 " href="https://www.youtube.com/channel/UCY2lmVYqgXXPHJ0o6cUF9RA" target="_blank"
>
<i class='fa fa-youtube-square'></i><span class='sr-only'>YouTube</span>
</a>
</li>
<li class="" id="bottomNav-12">
<a data-test-thing="c" class="primaryLink2 " href="https://twitter.com/houseboatingorg" target="_blank"
>
<i class='fa fa-twitter-square'></i><span class='sr-only'>Twitter</span>
</a>
</li>
<li class="" id="bottomNav-15">
<a data-test-thing="c" class="primaryLink2 " href="https://www.instagram.com/houseboating_org/" target="_blank"
>
<i class='fa fa-instagram'></i><span class='sr-only'>Instagram</span>
</a>
</li>
<li class="" id="bottomNav-14">
<a data-test-thing="c" class="primaryLink2 " href="https://www.pinterest.com/houseboatrental/" target="_blank"
>
<i class='fa fa-pinterest-square'></i><span class='sr-only'>Pinterest</span>
</a>
</li></ul></li>
<li class="" id="bottomNav-16">
<a data-test-thing="d" class="primaryLink1 noLink" href="#" onclick="return false;"
>
Join Newsletter for Current Info
</a>
<div class="bottom-nav-newsletter">
<form id="hbNewsletterFormID" method="post" action="/processNewsletter.cfm" name="formNew" onSubmit=" return validateThisNewsletterForm( jQuery( this ) ); ">
<input type="hidden" name="id" value="hb_org" />
<input type="hidden" name="emailsubject" value="Houseboating.org newsletter request" />
<input type="hidden" name="messageheader" value="The person below has signed up for the newsletter on houseboating.org" />
<input type="hidden" name="antiSpam" value="Please do not alter" />
<input type="hidden" name="source" value="http://www.houseboating.org/app.cfm" />
<input type="hidden" name="useragent" value="ColdFusion" />
<fieldset>
<div class="group">
<div class="formItem half">
<label for="fn" class="important">
<span class="labelText">First Name<span>*</span></span>
</label>
<input type="text" name="fn" placeholder="First Name" />
</div>
<div class="formItem half">
<label for="ln" class="important">
<span class="labelText">Last Name<span>*</span></span>
</label>
<input type="text" name="ln" placeholder="Last Name" />
</div>
</div>
<div class="group">
<div class="formItem" style="margin-bottom:10px;">
<label for="email" class="important">
<span class="labelText">Email Address<span>*</span></span>
</label>
<input type="email" name="email" placeholder="Email Address" />
</div>
</div>
</fieldset>
<div align="center" class="submitButtonWrapper">
<button class="searchButton" type="submit">Sign Me Up!</button>
</div>
<div class="clear"></div>
<script type="text/javascript">
var antiSpamNewsletter = function() {
$('input[name="antiSpam"]').each(function(i){
if (isNaN(this.value) == true){
this.value = 0;
} else {
this.value = parseInt(this.value) + 1;
}
});
setTimeout("antiSpamNewsletter()", 1000);
}
antiSpamNewsletter();
function validateThisNewsletterForm( $f ){
var isFormValid = true;
if( $f.find('input[name=fn]').val() == '' ) {
$f.find('input[name=fn]').addClass('error');
isFormValid = false;
} else {
$f.find('input[name=fn]').removeClass('error');
}
if( $f.find('input[name=ln]').val() == '' ) {
$f.find('input[name=ln]').addClass('error');
isFormValid = false;
} else {
$f.find('input[name=ln]').removeClass('error');
}
if( $f.find('input[name=email]').val() == '' ) {
$f.find('input[name=email]').addClass('error');
isFormValid = false;
} else if ( !( /^(.+)@(.+){1,}\.(.+){2,}$/.test($f.find('input[name=email]').val()))) {
$f.find('input[name=email]').addClass('error');
isFormValid = false;
} else {
$f.find('input[name=email]').removeClass('error');
}
if (isFormValid) {
//return true;
var postData = $f.serializeArray();
var formURL = $f.attr("action");
$.ajax(
{
url : formURL,
type: "POST",
data : postData,
success:function(data, textStatus, jqXHR)
{
//data: return data from server
$f.prev('p').hide();
$f.hide();
$f.next('.newsletterFeedbackYes').show();
$.cookie('houseboatNewsletterClosed', 5, { expires: 365, path: '/' });
setTimeout(function(){
$('#sb-nav-close').trigger('click');
}, 2000);
},
error: function(jqXHR, textStatus, errorThrown)
{
//if fails
$f.prev('p').hide();
$f.hide();
$f.next('.newsletterFeedbackNo').show();
setTimeout(function(){
$('#sb-nav-close').trigger('click');
}, 2000);
}
});
return false;
} else {
return false;
}
}
</script>
</form>
<div class="newsletterFeedbackYes" style="height:122px; display:none;">
<h5>Your submission was successful.<br> You will start receiving our monthly Newsletter soon.</h5>
<h4>Thanks!</h4>
</div>
<div class="newsletterFeedbackNo" style="height:122px; display:none;">
<h5>Sorry, we can't take newsletter submissions now. Please try again later.</h5>
</div>
</div>
</li>
</ul>
<ul class="bottom-nav-all-destinations collapse" id="bottomNavDestinationsCollapse">
<li class="region">
<span class="h4">California</span>
<ul>
<li><a href="/Lake-Don-Pedro-Houseboat-Rentals">Lake Don Pedro</a></li>
<li><a href="/Shasta-Lake-Houseboat-Rentals">Shasta Lake</a></li>
</ul></li><li class="region"><span class="h4">Northwest-Canada</span>
<ul>
<li><a href="/Lake-Billy-Chinook-Houseboat-Rentals">Lake Billy Chinook</a></li>
<li><a href="/Lake-of-the-Woods-Houseboat-Rentals">Lake of the Woods</a></li>
<li><a href="/Lake-Roosevelt-Houseboat-Rentals">Lake Roosevelt</a></li>
<li><a href="/Rideau-Canal-Houseboat-Rentals">Rideau Canal</a></li>
</ul></li><li class="region"><span class="h4">Southwest</span>
<ul>
<li><a href="/Lake-Mead-Houseboat-Rentals">Lake Mead</a></li>
<li><a href="/Lake-Mohave-Houseboat-Rentals">Lake Mohave</a></li>
<li><a href="/Lake-Powell-Houseboat-Rentals">Lake Powell</a></li>
</ul></li><li class="region"><span class="h4">Midwest</span>
<ul>
<li><a href="/Birch-Lake-Houseboat-Rentals">Birch Lake</a></li>
<li><a href="/Rainy-Lake-Houseboat-Rentals">Rainy Lake</a></li>
<li><a href="/Voyageurs-National-Park-Houseboat-Rentals">Voyageurs National Park</a></li>
</ul></li><li class="region"><span class="h4">South</span>
<ul>
<li><a href="/Bull-Shoals-Lake-Houseboat-Rentals">Bull Shoals Lake</a></li>
<li><a href="/Dale-Hollow-Lake-Houseboat-Rentals">Dale Hollow Lake</a></li>
<li><a href="/Lake-Cumberland-Houseboat-Rentals">Lake Cumberland</a></li>
<li><a href="/Lake-Ouachita-Houseboat-Rentals">Lake Ouachita</a></li>
</ul></li><li class="region"><span class="h4">Southeast</span>
<ul>
<li><a href="/Everglades-National-Park-Houseboat-Rentals">Everglades National Park</a></li>
<li><a href="/Smith-Mountain-Lake-Houseboat-Rentals">Smith Mountain Lake</a></li>
<li><a href="/St-Johns-River-Houseboat-Rentals">St Johns River</a></li>
</ul></li><li class="region"><span class="h4">Northeast</span>
<ul>
<li><a href="/Erie-Canal-Houseboat-Rentals">Erie Canal</a></li>
</ul>
</li>
</ul>
</div><!--x .nav-collapse -->
</div><!-- x: .container-->
</nav>
<script type="text/javascript" src="/forms/formToWizard.js"></script>
<script src="/layout/js/map-2016.js?v=1669489049241"></script>
<script type="text/javascript" src="/shared/js/go/liveWire.library.min.js" ></script>
<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$('body.Houseboating_DIP .tab_Basics dt').each(function() {
var $dt = $(this), $selection = $dt.next('dd').andSelf();
$selection.wrapAll('<div class="dlColumnHack">');
});
});
</script>
<!-- Quantcast Tag -->
<script type="text/javascript">
var _qevents = _qevents || [];
(function() {
var elem = document.createElement('script');
elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
elem.async = true;
elem.type = "text/javascript";
var scpt = document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem, scpt);
})();
_qevents.push({
qacct:"p-ffxYdL7--AZhA"
});
</script>
<!-- AdRoll Pixel Code -->
<script type="text/javascript">
adroll_adv_id = "UP6LNF4OBVDBTD4IP2ER4H";
adroll_pix_id = "T3UMHPFFK5GTJMJWJTA4P6";
(function () {
var oldonload = window.onload;
window.onload = function(){
__adroll_loaded=true;
var scr = document.createElement("script");
var host = (("https:" == document.location.protocol) ? "https://s.adroll.com" : "http://a.adroll.com");
scr.setAttribute('async', 'true');
scr.type = "text/javascript";
scr.src = host + "/j/roundtrip.js";
((document.getElementsByTagName('head') || [null])[0] ||
document.getElementsByTagName('script')[0].parentNode).appendChild(scr);
if(oldonload){oldonload()}};
}());
</script>
<script type="text/javascript">
/* appends contact modal wrapper to DOM if necessary, and opens contact form in modal
*/
function openNewsletterFormInModal(){
console.log( "openNewsletterFormInModal( ), currently decommissioned" );
return false;
if ($('.newsletter').length <= 0) {
$('<div class="contact-modal-wrapper newsletter" />').appendTo(document.body);
$('.newsletter').on('click', ".modal-header > .close", function(){
$('body').removeClass('.modal-open');
$('.newsletter').removeClass('active').empty();
}).on('click', function(e){
if ( $(e.target).hasClass('listing-modal') ) {
$('.newsletter .modal-header > .close').trigger('click');
}
});
}
var url = '/forms/newsletter-modal-wrapper.cfm';
if (typeof $('body').data('lakeid') !== 'undefined')
url += '?idLake=' + $('body').data('lakeid');
$('.newsletter:not(.active)').addClass('active').load(url, function(){
/* initContactForm(); */
$('.newsletter').modal();
});
}
/* appends contact modal wrapper to DOM if necessary, and opens contact form in modal
*/
function openNewsletterFormInModalDeprecated(){
return false;
if ($('.newsletter-modal-wrapper').length <= 0) {
console.log( "In here" );
$('<div class="newsletter-modal-wrapper" />').appendTo(document.body);
$('.newsletter-modal-wrapper').on('click', ".sb-nav-close", function(){
$('body').removeClass('.modal-open');
$('.newsletter-modal-wrapper').removeClass('active').empty();
}).on('click', function(e){
if ( true ) {
$('.newsletter-modal-wrapper .sb-nav-close').trigger('click');
}
});
}
var url = '/forms/newsletter.cfm';
if (typeof $('body').data('lakeid') !== 'undefined')
url += '?idLake=' + $('body').data('lakeid');
console.log( "Haklsdjf" );
console.log( $('.newsletter-modal-wrapper:not(.active)') );
$('.newsletter-modal-wrapper:not(.active)').addClass('active');
$('.newsletter-modal-wrapper').modal( );
}
$(document).ready(function(){
console.log( "Doc ready" );
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
$('.sb-nav-close').click(function(e){
$('#newsletterSignupSlideout').hide();
$.cookie('houseboatNewsletterClosed', 5, { expires: 365, path: '/' });
e.preventDefault();
});
if ( $.cookie('houseboatNewsletterClosed') == null)
$.cookie('houseboatNewsletterClosed', 0, { expires: 365, path: '/' });
console.log( "Cookie contents: ", $.cookie('houseboatNewsletterClosed') );
if ( $.cookie('houseboatNewsletterClosed') < 2 ) {
setTimeout(function(){
console.log( "Showing form" );
openNewsletterFormInModal( );
/*
$( "#newsletterSignupPopup" ).show( );
$('#newsletterSignupSlideout').show().animate({left:'5%'});
*/
$.cookie('houseboatNewsletterClosed', parseInt($.cookie('houseboatNewsletterClosed')) + 1, { expires: 365 });
}, 5000);
}
/* Shadowbox.options.onFinish = function(){Cufon.refresh();}; */
var $_adl = $('#all-destinations-link a');
var $_ad = $('#all-destinations');
$_adl.click(function(){
if ( $_ad.is(':visible') ) {
$_ad.slideUp();
$_adl.html('Explore All Houseboat Destinations ▼');
} else {
$_ad.slideDown();
$_adl.html('Explore All Houseboat Destinations ▲');
goToByScroll('all-destinations');
}
return false;
});
$('#closeAddThis').click(function(){
$('div.addthis_toolbox').hide();
$.cookie('hideAddThis', 'true', { expires: 2 });
});
});
</script>
<script type="text/javascript">
function openMyTripAndNavigateTo( i ){
openURLInModal("/redesign/modules/content/tripContent.cfm?preselectTab=" + i );
}
$(document).ready(function(){
$(function() {
// grab the initial top offset of the navigation
var sticky_navigation_offset_top = 0;//$('#navbar').offset().top;
// our function that decides weather the navigation bar should have "fixed" css position or not.
var sticky_navigation = function(){
var scroll_top = $(window).scrollTop(); // our current vertical position from the top
// if we've scrolled more than the navigation, change its position to fixed to stick to top, otherwise change it back to relative
if (scroll_top > sticky_navigation_offset_top) {
$('body').addClass('sticky');
} else {
$('body').removeClass('sticky');
}
};
// run our function on load
sticky_navigation();
// and run it again every time you scroll
$(window).scroll(function() {
sticky_navigation();
});
});
$('.nav .dropdown').on('shown.bs.dropdown', function (e) {
$(e.currentTarget).closest('.nav').addClass('open');
$('body').addClass('menu-dropdown-open');
}).on('hide.bs.dropdown', function (e) {
if ( $(e.currentTarget).closest('.nav').hasClass('open-2') ) {
e.preventDefault();
} else if ( $(e.currentTarget).hasClass('coming-back') ){
e.preventDefault();
} else {
$(e.currentTarget).closest('.nav').removeClass('open');
$('body').removeClass('menu-dropdown-open');
}
});
$('.go-back-one').on('click', function(e){
$(e.currentTarget).closest('.dropdown').find('.dropdown-toggle').dropdown('toggle');
e.preventDefault();
});
$('.go-back-two').on('click', function(e){
$(e.currentTarget).closest('.dropdown').addClass('coming-back');
$(e.currentTarget).closest('.second-tier-open').removeClass('second-tier-open').closest('.navbar-nav').removeClass('open-2');
setTimeout(function(){$(e.currentTarget).closest('.dropdown').removeClass('coming-back');}, 50);
e.preventDefault();
});
$('.third-tier-menu').prev('.primaryLink2').on('click', function(e){
$(e.currentTarget).closest('li').addClass('second-tier-open').closest('.navbar-nav').addClass('open-2');
if (isBreakpoint('xs'))
e.preventDefault();
});
if (!isBreakpoint('xs'))
$('a.primaryLink1.dropdown-toggle').addClass('disabled');
$( window ).on('resize', function(){
if (!isBreakpoint('xs'))
$('a.primaryLink1.dropdown-toggle').addClass('disabled');
else
$('a.primaryLink1.dropdown-toggle').removeClass('disabled');
});
});
</script>
<script>
$(document).ready(function(){
$('body').attr('data-header-count', "11");
$('body').attr('data-header-size', "Huge");
$('.carousel-play-button').on('click', function (e) {
$('#header-carousel').carousel('next').carousel('cycle');
console.log($(e.currentTarget));
$(e.currentTarget).closest('.carousel-indicators').find('.carousel-play-buttons .active').removeClass('active');
$(e.currentTarget).addClass('active');
//$(this).closest('.carousel-play-buttons').hide().siblings('.carousel-play-buttons').show();
});
$('.carousel-pause-button').on('click', function (e) {
console.log($(e.currentTarget));
$('#header-carousel').carousel('pause');
$(e.currentTarget).closest('.carousel-indicators').find('.carousel-play-buttons .active').removeClass('active');
$(e.currentTarget).addClass('active');
//$(this).closest('.carousel-play-buttons').hide().siblings('.carousel-play-buttons').show();
});
});
</script>
<script type="text/javascript">
$(function() {
$( "#social-tabs" ).tabs();
});
</script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=180716762276753";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script src="/layout/js/quickfilter.redesign.js?rv=1669489049241"></script>
<!-- Go to www.addthis.com/dashboard to customize your tools --> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-6009ca7990a29612"></script>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel"></h4>
</div>
<div class="modal-body"></div>
</div>
</div>
</div>
<div class="device-xs visible-xs"></div>
<div class="device-sm visible-sm"></div>
<div class="device-md visible-md"></div>
<div class="device-lg visible-lg"></div>
<script>
var userIP = "204.228.148.21";
</script>
<script src="/shave.js"></script>
<script type="text/javascript">
if( Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) <= 700 ){
shave('.shave_me', 220 );
}
</script>
<script src="/layout/js/addition.js?decache=1669489049241"></script>
<script src="https://www.houseboating.org/redesign/david/sockets/socket.io.js"></script>
<script type="text/javascript">
window.loggedInState = 0;
window.loggedIn = false;
// console.log( "SOCKETINGGGGGG" );
window.id_customers = 0;
var socket = io.connect( 'https://www.houseboating.org:8443', {secure: true} );
socket.on('connect',function(){
// Send ehlo event right after connect:
console.log( "Connected/reconnected to server" );
setTimeout( function( ){
socket.emit( 'configure', { id: window.id_customers} );
}, 1000 );
});
socket.on('sync', function(data) {
console.log(data);
switch( data.type ){
case "alert":
var firstNote = $( "div.trip-note-item:first" );
var newAlert = firstNote.clone( ).addClass( "alert-item" );
newAlert.find( "p" ).html( data.value );
newAlert.attr( "data-id", data.id_user_notes );
firstNote.before( newAlert );
var span = $( "span.unseenNotifications" );
span.show( );
span.css( "visibility", "visible" );
span.text( parseInt( span.text( ) ) + 1 );
break;
case "contact":
$( "input[data-contact-field=" + data.field + "]" ).val( data.value );
break;
case "reloadReservation":
// $( "input[data-rez-field=" + data.field + "]" ).val( data.value );
setTimeout( function( ){
$( "button[data-dismiss=modal]" ).click( );
setTimeout( function( ){
openURLInModal("/redesign/modules/content/tripContent.cfm");
}, 500 );
}, 500 );
break;
case "pauseReservation":
$( "div.reservationDetails" ).css( "opacity", .2 );
break;
}
});
</script>
</body>
</html>
|