document.write("		<link href='https://embed.crystalseas.com/css/datepicker.min.css' rel='stylesheet' type='text/css' />	<link href=\"https://embed.crystalseas.com/css/skins/all.css?v=1.0.2\" rel=\"stylesheet\">		<script type='text/javascript' src='https://embed.crystalseas.com/js/jquery.min.js'></script>	<script type='text/javascript' src='https://embed.crystalseas.com/js/datepicker.min.js'></script>	<script src=\"https://embed.crystalseas.com/js/icheck.min.js\"></script>		<div id=\"SearchTripAvailability_663488200105b\" class='SearchTripAvailability tacd'>		<style>			.tacd h1, .acv h3{margin:0 0 10px 0;padding:0;}			.tacd h1{margin-bottom: 20px;}			.date_b{display:inline-block;margin-right:10px;margin-bottom:10px;}			.search_result{margin-top: 10px;}			.search-result-header-left{float:left;width:80%;margin-bottom:10px;}			.search-result-header-left span.rs_label{margin-right:10px;font-weight:normal;min-width:80px;float:none;text-align:right;display:inline-block;}			.search-result-header-right{float:right;width:18%;text-align:right;margin-bottom:10px;}			.tacd_trip{margin-bottom:20px;}			.tacd_trip::after{content:'';clear:both;display:block;}			.tacd_image{width:120px;margin-right:10px;float:left;}			.tacd_image img{width:100%;}			.tact_info{width:calc(100% - 135px);float:right;}			.tact_info h4{margin:0;margin-bottom:8px;}			.tact_date_price span{display:inline-block;margin-right:8px;margin-bottom:3px;}			.tact_links{margin-top:8px;}			.date_b input.error{background-color:#fce6f2 !important;}			.date_b input{width:90px;background-image:url(https://embed.crystalseas.com/images/calendar.png);background-size: auto;background-repeat:no-repeat;padding-left:30px;background-position:3px;}			.search_options::after{content:'';display:block;clear:both;}			.search_options .activities,.search_options .accommodations{float:left;width:50%;margin-bottom:10px;}			.search_options label{margin-left:10px;}			.days{display:inline-block;}			.days select{padding-left:5px;width:40px;}			@media screen and (max-width: 750px) {				.search-result-header-left,.search-result-header-right{width:100%;}				.tacd_image{width:100%;margin-right:0;margin-bottom:8px;}				.tact_info{width:100%;}				.tacd_image,.tacd_info{float:none;}				.tact_date_price span{display:block;}				.search_options .activities,.search_options .accommodations{float:none;display:block;width:100%;}				.date_b{display:block;}				.search-result-header-right{text-align:center;}			}			@media screen and (max-width: 480px) {			}		</style>		<h1 class='sh bs'>Search for Available Trips During a Date Range:</h1>		<div class=\"search_toolbar\">			<div class='search_options'>				<div class='activities'>					<span>Activity: </span>					<label><input type='checkbox' name='activity_type[]' value='1' checked /> Kayaking</label>					<label><input type='checkbox' name='activity_type[]' value='2' checked /> Biking</label>					<label><input type='checkbox' name='activity_type[]' value='3' checked /> Kayaking &amp; Biking</label>				</div>				<div class='accommodations'>					<span>Accommodations: </span>					<label><input type='checkbox' name='accommodation_type[]' value='1' checked /> Inns</label>					<label><input type='checkbox' name='accommodation_type[]' value='2' checked /> Campsites</label>				</div>			</div>			<div>								<span class=\"date_b\">Earliest date I can start my trip is <input type=\"text\" class=\"SearchTripAvailability_start_date\" value='05/02/2024' /></span>				<span class=\"date_b\">Latest date I can end my trip is <input type=\"text\" class=\"SearchTripAvailability_end_date\" value='05/09/2024' /></span>										<span class=\"date_b\">Number of trip days <span class='days'><select class=\"min_days\">							<option value=\"1\" >1</option><option value=\"2\" selected>2</option><option value=\"3\" >3</option><option value=\"4\" >4</option><option value=\"5\" >5</option><option value=\"6\" >6</option>						</select> to <select class=\"max_days\">							<option value=\"1\" >1</option><option value=\"2\" >2</option><option value=\"3\" >3</option><option value=\"4\" >4</option><option value=\"5\" >5</option><option value=\"6\" selected>6</option>						</select></span></span>									<button class=\"SearchTripAvailability_search\">Search</button>			</div>		</div>		<div class=\"search_result\">					</div>		<script type=\"text/javascript\">			(function(){				function bind_icheck(parent){					if(parent){						parent.find('input[type=radio],input[type=checkbox]').iCheck({							checkboxClass: 'icheckbox_square-blue',							radioClass: 'iradio_square-blue',							increaseArea: '20%'						});					}					else{						$('input[type=radio],input[type=checkbox]').iCheck({							checkboxClass: 'icheckbox_square-blue',							radioClass: 'iradio_square-blue',							increaseArea: '20%'						});					}				}				var f = function(){					console.log('window.$: ' + window.$);					console.log('window.jQuery: ' + window.jQuery);										if(!window.$ && window.jQuery){						window.$ = window.jQuery;					}										var root_tag = $('#SearchTripAvailability_663488200105b');					var search_options_tag = root_tag.find('.search_options');					var search_toolbar_tag = root_tag.find('.search_toolbar');					var start_date_tag = root_tag.find('.SearchTripAvailability_start_date');					var end_date_tag = root_tag.find('.SearchTripAvailability_end_date');					var search_tag = root_tag.find('.SearchTripAvailability_search');					var search_result_tag = root_tag.find('.search_result');					var min_day_tag = root_tag.find('.min_days');					var max_day_tag = root_tag.find('.max_days');					var date_option = {						format: 'mm/dd/yyyy',						autoHide: true					};					var is_internal_event = false;					var sh_tag = root_tag.find('.sh');					start_date_tag.datepicker(date_option);					end_date_tag.datepicker(date_option);										start_date_tag.datepicker('setStartDate', new Date());					end_date_tag.datepicker('setStartDate', new Date());										start_date_tag.on('pick.datepicker', function (e) {						start_date_tag.removeClass('error');						end_date_tag.removeClass('error');						if(!is_internal_event){							var date = new Date(e.date.getTime());							if(!end_date_tag.val() || date > end_date_tag.datepicker('getDate')){								date.setDate(date.getDate() + 7);								is_internal_event = true;								end_date_tag.datepicker('setDate', date);								is_internal_event = false;							}						}					});										end_date_tag.on('pick.datepicker', function (e) {						start_date_tag.removeClass('error');						end_date_tag.removeClass('error');						if(!is_internal_event){							var date = new Date(e.date.getTime());							if(!start_date_tag.val() || date < start_date_tag.datepicker('getDate')){								date.setDate(date.getDate() - 7);								is_internal_event = true;								start_date_tag.datepicker('setDate', date);								is_internal_event = false;							}						}					});										min_day_tag.change(function(){						var min_days = parseInt(min_day_tag.val());						var max_days = parseInt(max_day_tag.val());						if(min_days > max_days){							max_day_tag.val(min_days);						}					});										max_day_tag.change(function(){						var min_days = parseInt(min_day_tag.val());						var max_days = parseInt(max_day_tag.val());						if(min_days > max_days){							min_day_tag.val(max_days);						}					});										search_tag.click(function(){						if(!start_date_tag.val() && !end_date_tag.val()){							start_date_tag.addClass('error');							end_date_tag.addClass('error');							setTimeout(function(){								start_date_tag.datepicker('show');							}, 50);						}						else{							sh_tag.removeClass('bs').addClass('as');							search_tag.text('Please wait...').prop('disabled', true);														var activity_types = [];							var accommodation_types = [];							root_tag.find('[name^=activity_type]:checked').each(function(){								activity_types.push($(this).val());							});														root_tag.find('[name^=accommodation_type]:checked').each(function(){								accommodation_types.push($(this).val());							});							$.get('https://embed.crystalseas.com/SearchAvailableTrip?CompanyIDs=4,5',							{								StartDate: start_date_tag.val(),								EndDate: end_date_tag.val(),								MinDays: min_day_tag.val(), 								MaxDays: max_day_tag.val(),								Activities: activity_types.join(','),								Accommodations: accommodation_types.join(',')							},	function(e){								search_result_tag.html(e);								search_toolbar_tag.hide();								search_tag.text('Search').prop('disabled', false);							}).fail(function(){								search_result_tag.html('Error!');								search_tag.text('Search').prop('disabled', false);							});						}					});										root_tag.on('click', '.change-date-range', function(){						search_toolbar_tag.show();						search_result_tag.html('');						sh_tag.addClass('bs').removeClass('as');					});										bind_icheck(search_options_tag);				};								if(window.addEventListener){					window.addEventListener('load', f, false);				}				else if(window.attachEvent){					window.attachEvent('onload', f);				}							})();		</script>	</div>");