<!DOCTYPE html>
<html >
<head>
	<title>21945 Beachside Dr SE, Yelm, WA 98597</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="keywords" content="21945 Beachside Dr SE, Yelm, WA 98597, $194,500 For more information, contact Chad Goelzer, Keller Williams Realty Puget Sound, (253) 376-6347" />
	<meta name="description" content="21945 Beachside Dr SE, Yelm, WA 98597, $194,500 For more information, contact Chad Goelzer, Keller Williams Realty Puget Sound, (253) 376-6347" />
	<link rel="image_src" href="https://media.tourfactory.com/Scene/85736124_1200_630.jpg?rnd=0.47063" />
	<link rel="canonical" href="https://www.tourfactory.com/3226662" />
	<link rel="shortcut icon" type="image/jpg" href="//media.tourfactory.com/tour/3226662_32_32.jpg" />
    <link href="https://fonts.googleapis.com/css?family=Cinzel&display=swap" rel="stylesheet"> 
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1"  />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="geo.position" content="46.825073; -122.476842" />
	<meta name="geo.location" content="Yelm, WA 98597" />
	<meta name="template" content="9" />
    <meta name="theme" content="141" />
	<meta property="og:url" content="//tourfactory.com/tours/tour.asp?t=3226662" />
	<meta property="og:title" content="Waterfront Lot with Septic, Power, and Water On-Site - 21945 Beachside Dr SE, Yelm, WA 98597" />
	<meta property="og:type" content="website" /> 
	<meta property="og:image" content="http://media.tourfactory.com/Scene/85736124_1200_630.jpg?rnd=0.47063" />
	<meta property="og:image:width" content="1200" />
	<meta property="og:image:height" content="630" />
	<meta property="og:description" content="$194,500 - Contact Chad Goelzer, Keller Williams Realty Puget Sound, (253) 376-6347 for more information." />
	<!--New twitter meta data -->
	<meta name="twitter:card" content="summary" />
	<meta name="twitter:image" content="http://media.tourfactory.com/Scene/85736124_1200_630.jpg?rnd=0.47063" />
	<meta name="twitter:title" content="Waterfront Lot with Septic, Power, and Water On-Site - 21945 Beachside Dr SE, Yelm, WA 98597" />
	<meta name="twitter:description" content="$194,500 - Contact Chad Goelzer, Keller Williams Realty Puget Sound, (253) 376-6347 for more information." />
	<meta name="twitter:site" content="@tourfactory" />

	<meta name="DC.Title" content="Waterfront Lot with Septic, Power, and Water On-Site - 21945 Beachside Dr SE, Yelm, WA 98597">
	<meta name="DC.Description" content="21945 Beachside Dr SE, Yelm, WA 98597, $194,500 For more information, contact Chad Goelzer, Keller Williams Realty Puget Sound, (253) 376-6347">
	<meta name="DC.Publisher" content="TourFactory.com">
	
	<base href="//tourfactory.com/tours/" target="_blank" />
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script>
	<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
	
	<script type="text/javascript">
		var preview = false;
		var logging = false;
		var loglevel = 'DEBUG';
		var forcemobile = false;
		var videourl = '//video.tourfactory.com';
		var mediaurl = '//media.tourfactory.com';

		var fIDX = false;
	</script>
    <script src="inc/babel-runtime.min.js"></script>
	<script src="inc/tflogger.js" type="text/javascript"></script>
	<script src="inc/tfutils.js?v=2" type="text/javascript"></script>
	<script src="inc/tfdevice.js" type="text/javascript"></script>
	<script src="inc/tfloader.js" type="text/javascript"></script>
	<script src="https://player.vimeo.com/api/player.js"></script>
	<script src="inc/stackBlur.js" type="text/javascript"></script>
    
    <script src="inc/SphereJS/SphereViewer.min.js"></script>
    <script src="inc/SphereJS/tfSphere.js?v=2"></script>

    <script src="inc/imagesLoaded.min.js" type="text/javascript"></script>
    <script src="inc/masonry.js" type="text/javascript"></script>
	
	<script src="inc/jquery.jplayer.min.js?v=5" type="text/javascript"></script>
	
    <script src="inc/jquery.documentsize.js" type="text/javascript"></script>
	<script src="inc/ua-parser.min.js" type="text/javascript"></script>
	<script src="tour9/tour9.js?v=8" type="text/javascript"></script>
	<link href="tour9/tour9.css?v=8" rel="Stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/photo-sphere-viewer@4/dist/photo-sphere-viewer.css">

    <!--<link rel="stylesheet" href="tour9/labs.css">-->
	<script language="javascript">
			var referer = '';
			var nTourID = 3226662;
			var nFirstSceneID = 85736124;
        var nUserID = 189918;
            var sAddress = unescape('21945+Beachside+Dr+SE');
            var aMusicPath = ['media/music/hi/162-9.mp3'];
            
		    var mobile = false || forcemobile;
            var cssPhone = $(window).width() <= 478;
            var cssMobile = $(window).width() <= 991;
			var tablet = false;
			var phone = false;
			//TODO This can be used to replace the three variables above
			var tfDevice = new Device();
			var wiring = tu.touchwiring;
			//Video Globals
			var videoplaying = false;
			var videomuted = false;
			var videoplaymove = null;
			var videocontrolsopen = false;
			var videocontrolsclick = false;
			var videocontrolswasplaying = false;
			var videocontrolssize = 30;
        var vimeoPlayer = null;
        var heroVimeoPlayer = null;

			//Music Globals
			var clipmusic = false;

        

			var isFullScreen = false;
			var isIFrameFullscreen = false;
			//event handler for browser full screen events
			function fullScreenChanged() {
				isFullScreen = !isFullScreen;
				if (isFullScreen) {
					fullscreenEntered();
				} else {
					fullscreenExited();
				}
				logger.trace('we are now in ' + (isFullScreen ? 'fullscreen' : 'normal') + ' mode');
			}

			function fullscreenEntered() {
				isIFrameFullscreen = document.activeElement.nodeName == "IFRAME";
				window.set
			}

			function fullscreenExited() {
				//restore the scrolled position of the window to before the iframe went fullscreen
				if (isIFrameFullscreen && tfDevice.browser.safari) {
					$(window).scrollTop(windowScroll);
				}
				isIFrameFullscreen = false;
			}

			//detect if an element has gone fullscreen
			function isFullScreenMode() {
				return (document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullScreenElement || false);
			}

			var windowScroll = null;
			//we need to remember the scroll position in case we go full screen in an iframe
			function scrollWindow(o) {
				if (!isFullScreen && !isIFrameFullscreen && !isFullScreenMode()) {
					windowScroll = $(window).scrollTop();
				}
			}

			$(window).bind('scroll', scrollWindow);

			//detect when the browser toggles full screen mode
			$(document).on('mozfullscreenchange webkitfullscreenchange fullscreenchange MSFullscreenChange', fullScreenChanged);

	</script>
	<link href="https://fonts.googleapis.com/css?family=Lato:300,500,700" rel="stylesheet"><style type="text/css">html,body,input,textarea {  font-family: "Lato", sans-serif;  font-weight: 300;}.script {  font-family: "Lato", sans-serif;  font-weight: 700}.header .nav-expanded {  color: #333333 !important;}.header .nav-expanded .selected {  color: #e70101 !important;}.header .nav-expanded a:hover {  color: #e70101 !important;  text-shadow: none;}.altcolor {  color: #000;}.highlightColor {  color: #B40101;  border-color: #B40101;  fill: #B40101;}.highlightBackgroundColor {  background-color: #B40101;}.features .openhouse {  background-color: #B40101;  color: #ffffff;}.openhouse .fsize3 {  color: #ffffff !important;}.header .bg {  background: rgba(204, 204, 204, 0.9);}.videolist .color1 {  background: #CCCCCC;  color: #ffffff;}.videolist .color1 .scenename {  color: #ffffff;}.videolist .color2 {  background: #ffffff;  color: #333333;}.videolist .color2 .scenename {  color: #000;}.videolist .videoitem .stroke {  border: 2px solid rgba(255, 255, 255, 0.4) !important;  padding: 1.5%;}.gallery .picbox .hover {  background: rgba(180, 1, 1, 0.7);}.contact {  background: url(tour9/tour9_grad.png) no-repeat;  background-size: 100% 100%;  color: #444;}.contact .altcolor {  color: #CCCCCC !important;}.resourceAltColor {  color: #ffffff !important;}.resourceAltBackgroundColor {  background-color: #860000 !important;}.contact .fsize2 {  font-weight: 700 !important;}.contact .pane {  background: #ffffff !important;}.button {  background: #B40101;  color: #ffffff;}.buttonColor {  background: #B40101;  color: #ffffff;}.floorplan .floorpanel .floorplanbg {  background: #EEEEEE;  border-color: #555555;  color: rgba(255, 255, 255, 0.99);}.tourAudio {  fill: #333333 !important;}.videoAudio {  fill: #ffffff !important;}.footerArch {  background-color: #B40101 !important;}.agentFooterColor {  background-color: #B40101 !important;  color: #ffffff;}</style>

	<script language="javascript">
		(function () {
			var _fbq = window._fbq || (window._fbq = []);
			if (!_fbq.loaded) {
				var fbds = document.createElement('script');
				fbds.async = true;
				fbds.src = '//connect.facebook.net/en_US/fbds.js';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(fbds, s);
				_fbq.loaded = true;
			}
			_fbq.push(['addPixelId', '1487912418106114']);
		})();
		window._fbq = window._fbq || [];
		window._fbq.push(['track', 'PixelInitialized', {}]);
	</script>
	<noscript><img height="1" width="1" border="0" alt="" style="display: none" src="https://www.facebook.com/tr?id=1487912418106114&amp;ev=NoScript" /></noscript>
	
</head>
<body>
    <div class="backgroundCont">
    <div class="mainCont">
	
	<!--<div class="loading">
		<div>
			<div class="text">Loading...<img src="art/loading.gif" />

			</div>
			<div class="logo"><img src="tour8/tourfactory.png" border="0" width="216" height="48" /></div>
		</div>
	</div>-->
	
	<a name="top" class="nav" nav-name="Home"></a>
    
    <div class="headerlogo headerlogoMobile" style="display:none;"></div>
    
    <div id="mainHeader" class="headerCont"  >
	    <div class="header">
            
            <div class="headerlogo headerlogoDesktop"></div>
            
            <div class="headerLeftCont">
		        <div id="headerTitle" class="title script">Waterfront Lot with Septic, Power, and Water On-Site
                    <div class="audio" style="padding-left:20px;" onclick="musicToggle();" >
                   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67.55 56.07" id="tourAudio" style="" >
                       <defs>
	                       <style>
                            .audioOff{display:block;}
                            .audioOn{display:none;}
	                       </style>
                       </defs>
                       <title>audio-full-off</title>
                       <g id="tourAudioOff_Layer_2" data-name="Layer 2">
	                       <g id="tourAudioOff_Layer_1-2" data-name="Layer 1">
		                       <path class="tourAudio speaker" d="M40.1.36l-19.9,14-2,1.4V40.31L24,44.4,40.1,55.7c1.09.77,2,.28,2-1.08V1.45C42.09.08,41.19-.41,40.1.36Z"/>
		                       <path class="tourAudio speaker" d="M8.06,15.72H3.21A3.27,3.27,0,0,0,0,19V37a3.26,3.26,0,0,0,3.21,3.3h8.07V15.72H8.06Z"/>
                                <path class="tourAudio audioOff" d="M67.55,36.37H63.28a1.26,1.26,0,0,1-.77-.23,1.85,1.85,0,0,1-.46-.55L59.4,31a2.75,2.75,0,0,1-.18.46,3.75,3.75,0,0,1-.21.4l-2.18,3.7a3.37,3.37,0,0,1-.47.53,1.06,1.06,0,0,1-.71.25H51.7l5-7.69L51.9,21.5h4.27a1.49,1.49,0,0,1,.69.12,1.12,1.12,0,0,1,.4.41l2.65,4.4a3.74,3.74,0,0,1,.22-.51c.08-.17.18-.34.28-.51l1.9-3.31a1.46,1.46,0,0,1,.42-.46,1,1,0,0,1,.55-.14h4.07l-4.79,7Z"/>
			                    <path class="tourAudio audioOn" d="M61.71,9.8a2.91,2.91,0,0,0-4.19,0,3.13,3.13,0,0,0,0,4.33,23,23,0,0,1,0,31.74,3.13,3.13,0,0,0,0,4.33,2.91,2.91,0,0,0,4.19,0,29.21,29.21,0,0,0,0-40.4Z"/>
			                    <path class="tourAudio audioOn" d="M70.34.9a2.9,2.9,0,0,0-4.2,0,3.15,3.15,0,0,0,0,4.33,35.86,35.86,0,0,1,0,49.54,3.15,3.15,0,0,0,0,4.33,2.9,2.9,0,0,0,4.2,0A42.14,42.14,0,0,0,70.34.9Z"/>
			                    <path class="tourAudio audioOn" d="M53.43,18.34a2.91,2.91,0,0,0-4.19,0,3.13,3.13,0,0,0,0,4.33,10.61,10.61,0,0,1,0,14.66,3.13,3.13,0,0,0,0,4.33,2.94,2.94,0,0,0,2.1.89,2.9,2.9,0,0,0,2.09-.89,16.87,16.87,0,0,0,0-23.32Z"/>
                           </g>
                       </g>
                    </svg>
                    </div>
                
		        </div>
		        <div class="nav-expanded"></div>
            </div>
            
            <div class="headerRightCont">
                <a href="#contactus" style="color:#444;" onclick="return header_scrollto('contactus');"">
                
                    <div class="headerAgentInfo" style="float:right;height:90px;">
                        <div class="agentImage" style="float:right;padding-left:10px;">
                            
                            <img src="media/user/189918_60_90.jpg" width="60" />
                            
                        </div>
                        <div class="agentText" style="float:right;font-weight:lighter;font-size:14px;text-align:right;padding-top:27px;">
                            <div class="username" style="font-weight:bold;font-size:16px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display:block;">
                                Chad Goelzer
                            </div>
						    
                            <div id="headerOfficeName">
                                Keller Williams Realty Puget Sound
                            </div>
                            
						    <div class="headerPhoneNumber">
                                (253) 376-6347
						    </div>
                            <div class="horizontalLine">
                                <hr class="highlightColor" style="border: 1px solid;width:50px;float:right;"/><hr class="dividerLine" style="width:150px;float:right;height: 2px;"/>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
             
		    <div class="nav-mobile"  style="display:none;">
			    <!--<div class="hamburger" onclick="header_mobileclick();"><div><span></span><span></span><span></span></div></div>-->
                <!--Home ICON -->
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.49 62.4" id="homeIconSVG" onclick="header_mobileclick();">
	                <title>nav-home-icon</title>
	                <g id="Layer_2" data-name="Layer 2">
		                <g id="Layer_3">
			                <path class="homeIconClassSVG" d="M32.24,3a1.65,1.65,0,0,1,1.1.41l10.8,9.87V8.37a1.48,1.48,0,0,1,1.48-1.48h5.21a1.48,1.48,0,0,1,1.48,1.48V20.74l8.08,7.38a3.85,3.85,0,0,1,1.1,2.49v.58A1.49,1.49,0,0,1,60,32.67H57.56V57.92a1.49,1.49,0,0,1-1.49,1.48H8.41a1.49,1.49,0,0,1-1.48-1.48V32.67H4.48A1.48,1.48,0,0,1,3,31.19v-.58a3.85,3.85,0,0,1,1.1-2.49L31.15,3.41A1.64,1.64,0,0,1,32.24,3m0-3a4.64,4.64,0,0,0-3.12,1.2l-27,24.71A6.82,6.82,0,0,0,0,30.61v.58a4.5,4.5,0,0,0,3.93,4.45V57.92A4.49,4.49,0,0,0,8.41,62.4H56.07a4.49,4.49,0,0,0,4.49-4.48V35.64a4.5,4.5,0,0,0,3.93-4.45v-.58a6.85,6.85,0,0,0-2.08-4.7l-7.1-6.49V8.37a4.49,4.49,0,0,0-4.48-4.48H45.62a4.49,4.49,0,0,0-4.18,2.86L35.36,1.2A4.61,4.61,0,0,0,32.24,0Z"/>
			                <rect class="homeIconClassSVG" x="17.49" y="27.47" width="29.5" height="4.75"/>
			                <rect class="homeIconClassSVG" x="17.49" y="35.47" width="29.5" height="4.75"/>
			                <rect class="homeIconClassSVG" x="17.49" y="43.47" width="29.5" height="4.75"/>
		                </g>
	                </g>
                </svg>
			    <div class="navlist highlightBackgroundColor" style="display: none;"></div>
		    </div>
	    </div>
    </div>

	<script language="javascript">

		var header_bg = false;
		var header_mouseover = false;
		var header_navlist = [];
		var header_mobilenav = false;
        var header_navSize =0;

        function header_build() {
			var navExpanded = '';
			var nm = '<div style="background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;" onclick="header_mobileclick(true);"></div>';
			$('.nav').each(function (i, o) {
				var name = $(o).attr('name');
                if(i==0){
                    var navItem = '<a href="#' + name + '" class="navitem' + i + '" onclick="return header_scrollto(\'' + name + '\');">' + $(o).attr('nav-name') + '</a>';
                }else{
				    var navItem = '<a href="#' + name + '" class="navitem' + i + '" onclick="return header_scrollto(\'' + name + '\');">&nbsp;&nbsp;' + $(o).attr('nav-name') + '</a>';
                }                
                var mobileNavItem = '<div class="highlightBackgroundColor"><a href="#' + name + '" class="navitem' + i + '" onclick="return header_scrollto(\'' + name + '\');"><img class="navArrows" src="tour9/double-arrow.png"/>&nbsp;&nbsp;' + $(o).attr('nav-name') + '</a></div>';
				navExpanded += ((navExpanded == '') ? '' : ' &nbsp; <span>|</span> &nbsp; ') + navItem;
				nm += mobileNavItem;
			});
			$('.header .nav-expanded').html(navExpanded);
            $('.header .nav-mobile .navlist').html(nm);

            loadAudio(); //In the tour9.js file
		}

		function header_mobileclick(forceclose) {
			header_mobilenav = ((forceclose) ? false : !header_mobilenav);
			if (header_mobilenav) {
				$('.header .nav-mobile').height('100%');
                $('.header .nav-mobile .navlist').height($(window).height());
				$('.header .nav-mobile .navlist').show();
			}
			else {
				$('.header .nav-mobile').height(40);
				$('.header .nav-mobile .navlist').hide();
                $('#homeIconSVG').show();
			}
            //Lets check to see if we need a scroll bar
            if(!checkVisible( $('.header .nav-mobile .navlist a').last()[0])){
                $('.navlist').css("overflow-y","scroll");
                $('#homeIconSVG').hide();
            }else{
                $('.navlist').css("overflow-y","none");
            }
		}

        function header_size() {
			header_navlist = [];
			$('.nav').each(function (i, o) {
				var t = Math.floor($(o).offset().top);
				header_navlist.push({ o: o, t: t });
            });
            if($('.nav-expanded').is(":visible")){
                header_navSize = ($('.headerLeftCont').width() + ($('.headerlogo').is(":visible") ? $('.headerlogo').width() : 0));
            }
            //If the header is smaller then tabletwidth or nav width is greater then whole header minus agentInfo, meaning its moving over the top of the info. Go Icon
            header_mobile=$('.headerCont').width() <  TABLETWIDTH || header_navSize > ($('.header').width() - $('.headerRightCont').width());
      		if (header_mobile) {
                $('.header .nav-expanded').hide();
                $('.audio').hide(); //TODO move audio
                $('.mobileTourMusic').show();
                $('.header .nav-mobile').show();
                var remaingingHeaderWidth = Math.floor($('.header').width() - $('.headerRightCont').width() - ($('#homeIconSVG').width() + parseInt( $('#homeIconSVG').css('margin-right')) + parseInt($('#homeIconSVG').css('margin-right'))));

                $('.headerLeftCont').width(remaingingHeaderWidth-1); //The -1 is just to make sure we dont run into rounding issues, which push the nav icon down to the next line
                // see if the background has been filled by the css in the template
                var bg = $('.headerlogo').css('background-image');
                if(bg !=="none"){
                    $('#headerTitle').hide();
                }else{
                    $('#headerTitle').show();
                }
                    header_mobileclick(true);
                    //TODO also figure out best solution for dealing with large titles
			}
            else {
                $('.headerLeftCont').width('auto');
                $('.header .nav-expanded').show();
                $('.header .nav-mobile').hide();
                $('.audio').show();
                $('.mobileTourMusic').hide();
                $('.header .title').css('padding-top:', 0);
			}
		}

		function header_scroll() {
			var docScroll = $(document).scrollTop();
			var windowHeight = $(window).height();
			//header_check();
			var i;
			var mp = docScroll + (windowHeight / 2);
			for (var a = 0; a < header_navlist.length; a++) { 
                if (header_navlist[a].t < mp) { 
                    i = a; 
                } 
            }
			if (i != undefined) {
				$('.header .nav-expanded .navitem' + i).addClass('selected');
				$('.header .nav-expanded a').not('.navitem' + i).removeClass('selected');
			}
		}

		function header_scrollto(n) {
			var o = $('a[name=' + n + ']');
            var t = o.offset().top;
            var headerHeight = $('#mainHeader').height();
            $('html, body').stop(true, false).animate({ scrollTop: (t - headerHeight) + 'px' }, 1000, 'easeOutExpo');
			header_mobileclick(true);
			return false;
		}

		$(window).bind('resize', header_size);
		$(document).bind('scroll', header_scroll);
		$(function () {
			header_build();
            window.setTimeout('header_size(); header_scroll();', 100);

            //handle the agent Info text
            if ($('#headerOfficeName').length < 1 || $('#headerOfficeName').is(':empty')) {
                $('.agentText').css("padding-top", function () {
                    //Adjust padding
                    return parseInt($('.agentText').css("padding-top"),10) + 17;
                })
            }
            if ($('.headerPhoneNumber').is(':empty')) {
                $('.agentText').css("padding-top", function () {
                    return parseInt($('.agentText').css("padding-top"),10) + 17;
                })
            }
		});

    </script>
	
	<div class="topimage isLoading">
        <div class="topimage-gradiant"></div>
		<img class="topimage1 topphoto scene85736124" id="topimage1" style="z-index: 51;" 
            width="450" 
            height="300" 
            alt="Waterfront Lot with Utilities" 
            tf-scene="85736124" 
            tf-width="450" 
            tf-height="300" 
            tf-phototype="1" 
            tf-desc="" 
            tf-video="" 
            tf-mute="" 
            tf-topimage="1" 
            onload="loaded();" />
        
			<img class="topimage2 topphoto" tf-topimage="2" id="topimage2" onload="bigbgphoto_time[2] = (new Date()).getTime();" onclick="bigImageClick()"/>
			
        <div class="videoAudioCont mobileTourMusic" onclick="mobileMusicToggle();">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67.55 56.07" id="videoAudio" > 
                    <defs>
	                    <style>
                        .videoAudioOff{fill:#999;display:block;}
                        .videoAudioOn{fill:#999;display:none;}
	                    </style>
                    </defs>
                    <g id="videoAudioOff_Layer_2" data-name="Layer 2">
	                    <g id="videoAudioOff_Layer_1-2" data-name="Layer 1">
		                    <path class="videoAudio speaker" d="M40.1.36l-19.9,14-2,1.4V40.31L24,44.4,40.1,55.7c1.09.77,2,.28,2-1.08V1.45C42.09.08,41.19-.41,40.1.36Z"/>
		                    <path class="videoAudio speaker" d="M8.06,15.72H3.21A3.27,3.27,0,0,0,0,19V37a3.26,3.26,0,0,0,3.21,3.3h8.07V15.72H8.06Z"/>
                            <path class="videoAudio videoAudioOff" d="M67.55,36.37H63.28a1.26,1.26,0,0,1-.77-.23,1.85,1.85,0,0,1-.46-.55L59.4,31a2.75,2.75,0,0,1-.18.46,3.75,3.75,0,0,1-.21.4l-2.18,3.7a3.37,3.37,0,0,1-.47.53,1.06,1.06,0,0,1-.71.25H51.7l5-7.69L51.9,21.5h4.27a1.49,1.49,0,0,1,.69.12,1.12,1.12,0,0,1,.4.41l2.65,4.4a3.74,3.74,0,0,1,.22-.51c.08-.17.18-.34.28-.51l1.9-3.31a1.46,1.46,0,0,1,.42-.46,1,1,0,0,1,.55-.14h4.07l-4.79,7Z"/>
			                <path class="videoAudio videoAudioOn" d="M61.71,9.8a2.91,2.91,0,0,0-4.19,0,3.13,3.13,0,0,0,0,4.33,23,23,0,0,1,0,31.74,3.13,3.13,0,0,0,0,4.33,2.91,2.91,0,0,0,4.19,0,29.21,29.21,0,0,0,0-40.4Z"/>
			                <path class="videoAudio videoAudioOn" d="M70.34.9a2.9,2.9,0,0,0-4.2,0,3.15,3.15,0,0,0,0,4.33,35.86,35.86,0,0,1,0,49.54,3.15,3.15,0,0,0,0,4.33,2.9,2.9,0,0,0,4.2,0A42.14,42.14,0,0,0,70.34.9Z"/>
			                <path class="videoAudio videoAudioOn" d="M53.43,18.34a2.91,2.91,0,0,0-4.19,0,3.13,3.13,0,0,0,0,4.33,10.61,10.61,0,0,1,0,14.66,3.13,3.13,0,0,0,0,4.33,2.94,2.94,0,0,0,2.1.89,2.9,2.9,0,0,0,2.09-.89,16.87,16.87,0,0,0,0-23.32Z"/>
                        </g>
                    </g>
                </svg>
            </div>
        
        	<div class="topimage-filler" >
		<div class="tourstatus">
                <svg version="1.1" id="tourStatusBanner" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 604 693.82">
                    <style type="text/css">
                        .bannerLetters{fill:#fff;}
                        .SOLD {
                            display:none;
                        }
                        .PENDING {
                            display:none;
                        }
                        .RENTED {
                            display:none;
                        }
                    </style>
                    <g>
	                    <polygon class="bannerPolygon" points="604,98.18 604,366.87 277.05,693.82 8,693.82"/>
	                    <g class="SOLD">
		                    <path class="bannerLetters" d="M303.02,564.4c-2.93-2.97-4.79-6.15-5.59-9.52l0.56-0.55c0.28,0.37,0.59,0.72,0.92,1.05
			                    c2.81,2.85,6.28,4.33,10.42,4.45c4.14,0.11,7.99-1.58,11.54-5.08c2.77-2.73,4.28-5.51,4.52-8.36c0.25-2.85-0.63-5.28-2.62-7.31
			                    c-1.18-1.2-2.62-1.9-4.32-2.09c-1.7-0.2-4.01,0-6.93,0.6l-17.8,3.5c-6.65,1.26-11.91-0.07-15.78-3.99
			                    c-0.41-0.41-0.77-0.87-1.1-1.36c-2.97-3.51-4.28-7.38-3.94-11.63c0.34-4.24,2.43-8.26,6.27-12.04c2.27-2.24,5.29-4.8,9.04-7.68
			                    l3.9-3.85l8.17,9.9l-0.62,0.61c-2.12-2.15-4.61-3.09-7.48-2.82c-2.87,0.27-5.63,1.7-8.28,4.31c-3.22,3.17-4.58,6.47-4.07,9.87
			                    c0.19,1.68,0.76,3,1.69,3.95c0.94,0.95,1.92,1.57,2.94,1.87c1.64,0.51,4.04,0.42,7.2-0.25l19.41-3.98
			                    c6.12-1.23,11.11,0.12,14.98,4.05c4.32,4.38,6.12,9.21,5.43,14.5c-0.7,5.29-3.52,10.37-8.48,15.26c-2.81,2.77-5.74,4.98-8.78,6.64
			                    c-3.05,1.66-5.7,2.46-7.95,2.4C305.2,566.32,304.12,565.51,303.02,564.4z"/>
		                    <path class="bannerLetters" d="M313.44,490.25c0.41-8.38,4.34-16.25,11.8-23.6c7.46-7.35,15.38-11.16,23.77-11.45
			                    c8.39-0.29,16,3.04,22.84,9.98c6.84,6.94,10.05,14.6,9.64,22.99c-0.41,8.38-4.35,16.25-11.8,23.6
			                    c-7.46,7.35-15.38,11.17-23.77,11.45c-8.39,0.29-16-3.04-22.84-9.98C316.25,506.3,313.03,498.64,313.44,490.25z M351.44,514.07
			                    c6.06,1.07,11.28-0.55,15.66-4.87c4.38-4.31,6.09-9.52,5.13-15.62c-0.96-6.1-4.47-12.22-10.54-18.38
			                    c-6.06-6.15-12.14-9.76-18.22-10.81c-6.08-1.05-11.31,0.58-15.69,4.9c-4.38,4.32-6.08,9.51-5.1,15.59
			                    c0.98,6.08,4.5,12.19,10.57,18.35C339.31,509.38,345.38,513,351.44,514.07z"/>
		                    <path class="bannerLetters" d="M397.39,481.55c1.07-1.06,1.62-2.34,1.63-3.86c0.01-1.52-0.49-2.83-1.51-3.95l-33.83-34.33
			                    c-1.1-1.03-2.41-1.55-3.93-1.57c-1.52-0.01-2.81,0.51-3.89,1.57l-0.81,0.79l-0.61-0.62l18.84-18.56l0.55,0.68l-0.74,0.73
			                    c-1.08,1.06-1.63,2.36-1.66,3.89c-0.03,1.54,0.48,2.84,1.54,3.92l35.66,36.19l8.12-8c3.02-2.97,4.69-6.33,5.03-10.08
			                    c0.34-3.75-0.57-7.7-2.71-11.86l0.62-0.61l9.61,15.45l-32.1,31.63l-0.61-0.62L397.39,481.55z"/>
		                    <path class="bannerLetters" d="M437.84,368.9c8.08-0.31,15.42,2.88,22.01,9.58c6.59,6.69,9.68,14.08,9.25,22.15
			                    c-0.43,8.08-4.3,15.72-11.61,22.92L435,445.72l-0.61-0.62l0.81-0.79c1.07-1.06,1.62-2.34,1.63-3.86c0.01-1.52-0.49-2.83-1.51-3.95
			                    l-34.19-34.7c-0.98-0.99-2.2-1.43-3.68-1.32c-1.48,0.11-2.73,0.68-3.77,1.7l-0.81,0.79l-0.61-0.62l22.5-22.17
			                    C422.06,372.97,429.76,369.21,437.84,368.9z M454.06,421.68c2.97-2.93,4.79-6.23,5.46-9.89c0.66-3.66,0.16-7.5-1.51-11.52
			                    c-1.67-4.01-4.18-7.71-7.52-11.1c-3.34-3.39-6.52-5.93-9.54-7.64c-3.02-1.7-5.97-2.77-8.83-3.2c-5.94-0.9-11.14,0.84-15.6,5.24
			                    l-7.62,7.51l37.55,38.11L454.06,421.68z"/>
	                    </g>
                        <g class="RENTED">
		                    <path class="bannerLetters" d="M240.17,558.83l-2.65,2.65c-0.08,0.08-0.14,0.14-0.18,0.18l35.86,35.86c1.11,1.03,2.42,1.54,3.94,1.54
			                    c1.52,0,2.81-0.53,3.88-1.6l0.8-0.8l0.62,0.62l-18.7,18.7l-0.62-0.62l0.8-0.8c1.48-1.48,1.97-3.24,1.48-5.29
			                    c-0.25-0.9-0.7-1.72-1.35-2.46l-34.14-34.14c-1.11-1.03-2.42-1.54-3.94-1.54c-1.52,0-2.81,0.53-3.88,1.6l-0.8,0.8l-0.62-0.62
			                    l21.1-21.1c3.98-3.98,8.2-6.48,12.67-7.51c2.26-0.53,4.56-0.44,6.92,0.28c2.36,0.72,4.78,2.32,7.26,4.8
			                    c2.48,2.48,4.01,5.73,4.58,9.75c0.58,4.02-0.62,7.83-3.57,11.44c3.16-1.6,7.05-1.89,11.69-0.86c11.53,2.67,19.03,3.61,22.52,2.83
			                    c1.72-0.41,3.4-1.39,5.04-2.95l0.62,0.62l-6.03,6.03c-3.57,3.57-7,6.06-10.3,7.48c-3.3,1.42-6.82,1.61-10.55,0.58
			                    c-2.13-0.57-7.34-2.38-15.63-5.41c-3.65-1.35-6.42-1.33-8.31,0.06l-0.62-0.62l1.91-1.91c1.85-1.85,2.92-4.03,3.23-6.55
			                    c0.31-2.52-0.54-5.28-2.55-8.27c-0.7-1.03-1.29-1.78-1.78-2.28c-3.36-3.36-6.47-5.12-9.32-5.26c-2.85-0.14-5.36,0.83-7.54,2.92
			                    C241.61,557.4,240.99,558.01,240.17,558.83z"/>
		                    <path class="bannerLetters" d="M308.95,569.54c1.07-1.07,1.6-2.36,1.6-3.88c0-1.52-0.51-2.83-1.54-3.94l-34.27-34.27
			                    c-1.15-0.98-2.24-1.46-3.26-1.41c-1.89,0.08-3.34,0.64-4.37,1.66l-0.8,0.8l-0.62-0.62l23.56-23.56c2.01-2.01,3.52-3.82,4.52-5.44
			                    c1-1.62,1.59-2.63,1.75-3.04l10.77,10.77l-0.68,0.55l-0.68-0.68c-2.54-2.54-5.29-3.4-8.24-2.58c-1.44,0.37-2.79,1.15-4.06,2.34
			                    l-10.34,10.34l17.9,17.9l8.12-8.12c1.48-1.56,2.2-3.33,2.18-5.32c-0.02-1.99-0.77-3.72-2.25-5.2l-0.55-0.55l0.62-0.62l14.21,14.21
			                    l-0.62,0.62l-0.49-0.49c-1.52-1.52-3.25-2.29-5.2-2.31c-1.95-0.02-3.68,0.69-5.2,2.12l-8.24,8.24l17.29,17.29l8.06-8.06
			                    c2.99-2.99,4.65-6.37,4.95-10.12c0.31-3.75-0.63-7.7-2.8-11.84l0.62-0.62l9.72,15.38l-31.87,31.87l-0.62-0.62L308.95,569.54z"/>
		                    <path class="bannerLetters" d="M352.56,442.26c-1.44,1.44-1.91,3.14-1.42,5.11c0.2,0.86,0.64,1.66,1.29,2.4l31.74,31.74
			                    c2.75,2.75,5.25,4.88,7.5,6.4l1.11,0.74l-0.55,0.55l-60.66,1.48l24.42,24.42c1.03,1.03,2.27,1.53,3.72,1.51
			                    c1.46-0.02,2.7-0.54,3.72-1.57l1.17-1.17l0.62,0.62l-18.64,18.64l-0.62-0.62l1.11-1.11c1.07-1.07,1.61-2.33,1.63-3.78
			                    c0.02-1.46-0.5-2.72-1.57-3.78l-31.93-31.93c-2.71-2.71-5.15-4.78-7.32-6.21l-1.05-0.8l0.55-0.55l60.66-1.48l-24.3-24.3
			                    c-1.11-1.02-2.39-1.53-3.84-1.51c-1.46,0.02-2.7,0.54-3.72,1.57l-1.11,1.11l-0.62-0.62l18.64-18.64l0.62,0.62L352.56,442.26z"/>
		                    <path class="bannerLetters" d="M382.58,416.05l36.11,36.11c1.11,1.03,2.41,1.53,3.91,1.51s2.78-0.56,3.85-1.63l0.74-0.74l0.68,0.55
			                    l-18.7,18.7l-0.62-0.62l0.8-0.8c1.02-1.02,1.55-2.29,1.57-3.78c0.02-1.5-0.44-2.8-1.38-3.91l-36.17-36.17l-8.31,8.31
			                    c-1.85,1.93-2.75,4.02-2.71,6.27c0.04,2.26,0.98,4.31,2.83,6.15l0.74,0.74l-0.62,0.62l-10.7-10.7c2.38-0.98,5.17-3.03,8.37-6.15
			                    l24.79-24.79c1.27-1.27,2.53-2.78,3.78-4.52c1.25-1.74,2.04-3.02,2.37-3.85l10.7,10.7l-0.62,0.62l-0.74-0.74
			                    c-2.54-2.54-5.31-3.38-8.31-2.52c-1.43,0.37-2.81,1.17-4.12,2.4L382.58,416.05z"/>
		                    <path class="bannerLetters" d="M441.7,436.78c1.07-1.07,1.6-2.36,1.6-3.88c0-1.52-0.51-2.83-1.54-3.94L407.5,394.7
			                    c-1.15-0.98-2.24-1.46-3.26-1.42c-1.89,0.08-3.34,0.64-4.37,1.66l-0.8,0.8l-0.62-0.62l23.56-23.56c2.01-2.01,3.52-3.82,4.52-5.45
			                    c1-1.62,1.59-2.63,1.75-3.04l10.77,10.77l-0.68,0.55l-0.68-0.68c-2.54-2.54-5.29-3.4-8.24-2.58c-1.44,0.37-2.79,1.15-4.06,2.34
			                    l-10.33,10.33l17.9,17.9l8.12-8.12c1.48-1.56,2.2-3.33,2.18-5.32c-0.02-1.99-0.77-3.72-2.25-5.2l-0.55-0.55l0.62-0.62l14.21,14.21
			                    l-0.62,0.62l-0.49-0.49c-1.52-1.52-3.25-2.29-5.2-2.31c-1.95-0.02-3.68,0.69-5.2,2.12l-8.24,8.24l17.29,17.29l8.06-8.06
			                    c2.99-2.99,4.65-6.37,4.95-10.12c0.31-3.75-0.62-7.7-2.8-11.84l0.62-0.62l9.72,15.38l-31.87,31.87l-0.62-0.62L441.7,436.78z"/>
		                    <path class="bannerLetters" d="M482.37,322.79c8.08-0.37,15.44,2.77,22.09,9.41s9.78,14.01,9.41,22.08c-0.37,8.08-4.18,15.75-11.44,23.01
			                    l-22.33,22.33l-0.62-0.62l0.8-0.8c1.07-1.07,1.6-2.36,1.6-3.88c0-1.52-0.51-2.83-1.54-3.94l-34.45-34.45
			                    c-0.98-0.98-2.21-1.42-3.69-1.29c-1.48,0.12-2.73,0.7-3.75,1.72l-0.8,0.8l-0.62-0.62l22.33-22.33
			                    C466.62,326.97,474.29,323.16,482.37,322.79z M498.98,375.45c2.95-2.95,4.75-6.26,5.38-9.94c0.64-3.67,0.1-7.5-1.6-11.5
			                    c-1.7-4-4.23-7.68-7.6-11.04c-3.36-3.36-6.56-5.88-9.6-7.57c-3.03-1.68-5.99-2.73-8.86-3.14c-5.95-0.86-11.13,0.92-15.56,5.35
			                    l-7.57,7.57l37.83,37.83L498.98,375.45z"/>
	                    </g>
                        <g class="PENDING">
		                    <path class="bannerLetters" d="M247.77,570.37c1.89,1.89,3.3,4.04,4.24,6.46c1.85,4.63,1.48,9.43-1.11,14.4c-0.74,1.48-1.58,2.69-2.52,3.63
			                    c-2.91,2.91-6.28,4.76-10.09,5.54l-0.61-0.61c3.16-2.99,4.63-6.48,4.43-10.46c-0.16-3.44-1.7-6.62-4.61-9.54
			                    c-2.95-2.95-5.95-4.53-8.98-4.74c-3.03-0.2-5.76,0.9-8.18,3.32l-4.12,4.12l35.99,35.99c1.07,1.07,2.37,1.59,3.91,1.57
			                    c1.54-0.02,2.84-0.56,3.91-1.63l0.8-0.8l0.62,0.62l-18.7,18.7l-0.62-0.62l0.8-0.8c1.07-1.07,1.6-2.36,1.6-3.88
			                    c0-1.52-0.51-2.83-1.54-3.94l-34.39-34.39c-1.02-1.02-2.27-1.49-3.72-1.38c-1.46,0.1-2.72,0.69-3.78,1.75l-0.8,0.8l-0.62-0.62
			                    l20.55-20.55c5-5,9.84-7.71,14.52-8.12C239.61,564.83,243.95,566.55,247.77,570.37z"/>
		                    <path class="bannerLetters" d="M282.89,595.53c1.07-1.07,1.6-2.36,1.6-3.88c0-1.52-0.51-2.83-1.54-3.94l-34.27-34.27
			                    c-1.15-0.98-2.24-1.46-3.26-1.41c-1.89,0.08-3.34,0.64-4.37,1.66l-0.8,0.8l-0.62-0.62l23.56-23.56c2.01-2.01,3.52-3.82,4.52-5.44
			                    c1-1.62,1.59-2.63,1.75-3.04l10.77,10.77l-0.68,0.55l-0.68-0.68c-2.54-2.54-5.29-3.4-8.24-2.58c-1.44,0.37-2.79,1.15-4.06,2.34
			                    l-10.34,10.34l17.9,17.9l8.12-8.12c1.48-1.56,2.2-3.33,2.18-5.32c-0.02-1.99-0.77-3.72-2.25-5.2l-0.55-0.55l0.62-0.62l14.21,14.21
			                    l-0.62,0.62l-0.49-0.49c-1.52-1.52-3.25-2.29-5.2-2.31c-1.95-0.02-3.68,0.69-5.2,2.12l-8.24,8.24l17.29,17.29l8.06-8.06
			                    c2.99-2.99,4.65-6.37,4.95-10.12c0.31-3.75-0.63-7.7-2.8-11.84l0.62-0.62l9.72,15.38l-31.87,31.87l-0.62-0.62L282.89,595.53z"/>
		                    <path class="bannerLetters" d="M326.51,468.25c-1.44,1.44-1.91,3.14-1.42,5.11c0.2,0.86,0.64,1.66,1.29,2.4l31.74,31.74
			                    c2.75,2.75,5.25,4.88,7.5,6.4l1.11,0.74l-0.55,0.55l-60.66,1.48l24.42,24.42c1.03,1.03,2.27,1.53,3.72,1.51
			                    c1.46-0.02,2.7-0.54,3.72-1.57l1.17-1.17l0.62,0.62l-18.64,18.64l-0.62-0.62l1.11-1.11c1.07-1.07,1.61-2.33,1.63-3.78
			                    c0.02-1.46-0.5-2.72-1.57-3.78l-31.93-31.93c-2.71-2.71-5.15-4.78-7.32-6.21l-1.05-0.8l0.55-0.55l60.66-1.48l-24.3-24.3
			                    c-1.11-1.02-2.39-1.53-3.84-1.51c-1.46,0.02-2.7,0.54-3.72,1.57l-1.11,1.11l-0.62-0.62l18.64-18.64l0.62,0.62L326.51,468.25z"/>
		                    <path class="bannerLetters" d="M375.79,429.31c8.08-0.37,15.44,2.77,22.09,9.41c6.64,6.64,9.78,14.01,9.41,22.08
			                    c-0.37,8.08-4.18,15.75-11.44,23.01l-22.33,22.33l-0.62-0.62l0.8-0.8c1.07-1.07,1.6-2.36,1.6-3.88c0-1.52-0.51-2.83-1.54-3.94
			                    l-34.45-34.45c-0.98-0.98-2.21-1.42-3.69-1.29c-1.48,0.12-2.73,0.7-3.75,1.72l-0.8,0.8l-0.62-0.62l22.33-22.33
			                    C360.04,433.49,367.71,429.68,375.79,429.31z M392.4,481.97c2.95-2.95,4.75-6.26,5.38-9.94c0.64-3.67,0.1-7.5-1.6-11.5
			                    c-1.7-4-4.23-7.68-7.6-11.04c-3.36-3.36-6.56-5.88-9.6-7.57c-3.03-1.68-5.99-2.73-8.86-3.14c-5.95-0.86-11.13,0.92-15.56,5.35
			                    L347,451.7l37.83,37.83L392.4,481.97z"/>
		                    <path class="bannerLetters" d="M423.4,455.02c1.07-1.07,1.6-2.36,1.6-3.88c0-1.52-0.51-2.83-1.54-3.94l-34.14-34.14
			                    c-1.11-1.02-2.41-1.53-3.91-1.51c-1.5,0.02-2.78,0.56-3.85,1.63l-0.8,0.8l-0.62-0.62l18.7-18.7l0.55,0.68l-0.74,0.74
			                    c-1.07,1.07-1.62,2.36-1.66,3.87c-0.04,1.52,0.47,2.81,1.54,3.87l34.14,34.14c1.07,1.07,2.37,1.59,3.91,1.57
			                    c1.54-0.02,2.84-0.56,3.91-1.63l0.74-0.74l0.68,0.55l-18.7,18.7l-0.62-0.62L423.4,455.02z"/>
		                    <path class="bannerLetters" d="M452.19,342.57c-1.44,1.44-1.91,3.14-1.42,5.11c0.2,0.86,0.64,1.66,1.29,2.4l31.74,31.74
			                    c2.75,2.75,5.25,4.88,7.51,6.4l1.11,0.74l-0.55,0.55l-60.66,1.48l24.42,24.42c1.03,1.03,2.27,1.53,3.72,1.51
			                    c1.46-0.02,2.7-0.54,3.72-1.57l1.17-1.17l0.62,0.62l-18.64,18.64l-0.62-0.62l1.11-1.11c1.07-1.07,1.61-2.33,1.63-3.78
			                    c0.02-1.46-0.5-2.72-1.57-3.78l-31.93-31.93c-2.71-2.71-5.15-4.78-7.32-6.21l-1.05-0.8l0.55-0.55l60.66-1.48l-24.3-24.3
			                    c-1.11-1.02-2.39-1.53-3.84-1.51c-1.46,0.02-2.7,0.54-3.72,1.57l-1.11,1.11l-0.62-0.62l18.64-18.64l0.62,0.62L452.19,342.57z"/>
		                    <path class="bannerLetters" d="M523.43,357.95c-7.01,7.01-14.66,10.62-22.95,10.83c-8.28,0.21-15.86-3.13-22.73-10
			                    c-6.87-6.87-10.19-14.44-9.97-22.7c0.23-8.26,3.97-16.03,11.23-23.28c3.28-3.28,6.78-6.14,10.49-8.58
			                    c3.71-2.44,6.98-4.13,9.81-5.08l10.7,10.46l-0.55,0.55c-5.04-2.91-9.75-3.97-14.12-3.17c-4.37,0.8-8.34,2.98-11.9,6.55
			                    c-4.96,4.96-7,10.55-6.12,16.76c0.88,6.21,4.41,12.41,10.58,18.58c6.17,6.17,12.22,9.78,18.15,10.83
			                    c5.93,1.05,11.12-0.67,15.59-5.14c3.24-3.24,5.02-6.87,5.35-10.89c0.12-2.01-0.2-3.9-0.98-5.66l-9.41-9.41
			                    c-0.9-0.9-1.87-1.31-2.89-1.23c-1.02,0.08-2.05,0.64-3.08,1.66l-0.98,0.98l-0.62-0.62l17.29-17.29l0.62,0.62l-0.92,0.92
			                    c-0.98,0.98-1.51,1.98-1.57,2.98c-0.06,1.01,0.36,1.96,1.26,2.86l10.15,10.15c0.49,3.69-0.31,8.18-2.4,13.47
			                    C531.37,348.41,528.02,353.35,523.43,357.95z"/>
	                    </g>
                    </g>
                </svg>
			  </div>
	</div>
	</div>
	<script type="text/javascript">

	    var bigbgphoto_time = [];
	    var bigbgphoto_left =[];
        var bgVid;
        var heroSphere;
        
            var bigbgphoto_everscroll = false;
			var bigbgphoto_scrollmessage = false;

			function bigbgphoto_scroll() {
				bigbgphoto_everscroll = true;
				if (bigbgphoto_scrollmessage) {
					$('.scrollmessage').stop(true, false).animate({ opacity: 0 }, 500 * speed, function () { $(this).hide(); });
					bigbgphoto_scrollmessage = false;
				}
			}

			function bigbgphoto_scrollCheck() {
				if (!bigbgphoto_everscroll) {
					$('.scrollmessage').stop(true, false).animate({ opacity: 0 }, 0).show().animate({ opacity: 1 }, 2000 * speed);
					bigbgphoto_scrollmessage = true;
				}
			}
            

            function bigbgphoto_size() {
                //logger.trace('bigbgphoto_size');
                //var ww = $(window).width();
                var contWidth = Math.floor($('.mainCont').width());
                var headerHeight = 0;
                if (!mobile && !tfDevice.isPhone() && !tfDevice.isTablet()) {
                    headerHeight = $('#mainHeader').height();
                }
                var wh = $(window).height();
                var contHeight = Math.round(wh - (headerHeight)); //We want to show the title below, so leave same amount of room at bottom as is at top for header
                $('.topimage').width(contWidth);
                //Sest all content to the same height, some browsers get off by a pixel
                $('.content').width(contWidth);
                //add in padding for header_size
                $('.topimage').css("padding-top", headerHeight);
                //Check mobile
                if (mobile) {
                    $('.sphereBadge').css({ "bottom": "2%" });
                
                                contHeight = contHeight * .6
                                    
                //$('.topimage-gradiant').css('bottom','40%');
            }
                else {
                    $('.sphereBadge').css({ "padding-top": headerHeight, "top": "2%" });
                }
                //Adds gradiant to bottom of the image
                //$('.topimage-gradiant').height(contHeight*.20);

                //Set Sphere size
                if (heroSphere) {
                    heroSphere.setSize(Math.round(contWidth), Math.round(contHeight));
                }

                $('.topimage .topphoto').each(function (i, img) {
				
                        $(img).width(contWidth).height(contHeight);//console.log('width,height: ' + ch * tir + ', ' + ch);
				
                        checkSceneRes(img);
                });
            //We want to set the height if its just images
			
                    $('.topimage').width(contWidth).height(contHeight); 
            
                        //This option maintains aspect ratio and would adjust the height of the cont.
                        $('.topvideo').css({ "width": contWidth, "height": contHeight });
				
			var www = (contWidth < 1000 ? 1000 : contWidth);
                //handle Tour Status stuff
                if ('SOLD') {
                    $('.rightPrice').hide(); //Dont need to show price when status is present
                    $('.topimage-filler').height(contHeight);
                    $('.topvideo').css({ "padding-top": headerHeight, "position": "absolute" });
                    $('.vimeovideo').css({ "padding-top": headerHeight, "position": "absolute" });
                    $('#tourStatusBanner').height(Math.floor(contHeight * .6)).css('margin-bottom', '-3px'); //margin is here for a reason i cant understand... but it helps with it align
                    var highlightColor = $('.highlightColor').css('color');
                    $('.bannerPolygon').css('fill', highlightColor);
                    var bannerName = 'SOLD';
                    $('.' + bannerName).show();
                }

                //Remove the loading screen as this starts to load
                $('.loading > div').animate({ opacity: 0 }, 400 * speed, 'easeOutQuad');
                $('.loading').animate({ opacity: 0 }, 2000 * speed, 'easeOutQuad', function () { $(this).hide(); });
            }
            
            nIsVideo = false;
            var bigbgphoto_photoindex = 0;
			var bigbgphoto_phototoggle = 1;
			var bigbgphoto_scenes = [];

			//This does not mean the photo is loaded simply that it is starting the loading process
        function bigbgphoto_photoinit() {
				//Add in Loading promise:
				$('.topimage .topphoto').imagesLoaded().progress(onProgressBG).always(onAlwaysBG);
				$('.loadImages').each(function (i, o) {
                    var img = $('img', o)[0];
                    //Make sure its not a video and also make sure its not a vertical image
                    var bUseVerticals = ('False' == 'True');
                    if ($(img).attr('tf-video') == '' && ($(img).attr('tf-height') < $(img).attr('tf-width') || bUseVerticals) && $(img).attr('tf-phototype') != 7) {
						bigbgphoto_scenes.push({ scene: $(img).attr('tf-scene'), width: $(img).attr('tf-width'), height: $(img).attr('tf-height'), phototype: $(img).attr('tf-phototype') });
					}
                });
			}

			// triggered after each item is loaded
			function onProgressBG(imgLoad, image) {
				// change class if the image is loaded or broken
				var item = $(image.img).parent();
				//logger.trace(">> OnProgressBG>>> image: " + JSON.stringify(image));
				if (image.isLoaded) {
					item.removeClass('isLoading');
				}
			}

			//Finish clause for the big image at the top
        function onAlwaysBG(instance) {
            window.setTimeout('bigbgphoto_photorotate()', 4000);
            instance.images.forEach(function (loadingImage) {
                if (loadingImage.isLoaded) {
                    //50 is index loaded behind viewable one, which is 51
                    var inview = $(document).scrollTop() < $(window).height();
                    if($(loadingImage.img).css("z-index") > 50 && inview){
                        logHit(loadingImage.sceneID);
                    }

                    var topImage = document.getElementById("topimage" + bigbgphoto_phototoggle);
                    bigbgphoto_photoload();
                }
            });
        }

		//Preloading function for images, this should allow for smoother transitions between the scenes
        function bigbgphoto_photoload() {
			var loadPhotoIndex = (bigbgphoto_photoindex + 1) % bigbgphoto_scenes.length; // updates the sceneIndex which gets grabbed form the checkRes and sets the src on it
            var divLoadToggle = 3 - bigbgphoto_phototoggle;
            var o = $('.topimage .topimage' + divLoadToggle)[0];
			$(o).attr('src', '')
				.attr('tf-scene', bigbgphoto_scenes[loadPhotoIndex].scene)
				.attr('tf-width', bigbgphoto_scenes[loadPhotoIndex].width)
				.attr('tf-height', bigbgphoto_scenes[loadPhotoIndex].height)
				.attr('tf-phototype', bigbgphoto_scenes[loadPhotoIndex].phototype);

			bigbgphoto_size();

			//$('.topimage .topphoto').imagesLoaded().progress(onProgressBG).always(onAlwaysBG);
		}

		function bigbgphoto_photorotate() {
			//ElementToManip changes the div in which we are going to manipulate
			bigbgphoto_photoindex = (bigbgphoto_photoindex + 1) % bigbgphoto_scenes.length; // updates the sceneIndex which gets grabbed form the checkRes and sets the src on it
            var current = $('.topimage .topimage' + bigbgphoto_phototoggle)[0];
			bigbgphoto_phototoggle = 3 - bigbgphoto_phototoggle;
            var next = $('.topimage .topimage' + bigbgphoto_phototoggle)[0];

            $(current).fadeOut(1000, function () {
                $(current).css({ 'opacity': 1, 'z-index': 50 }).show();
                $(next).css({ 'z-index': 51 });
                $('.topimage .topphoto').imagesLoaded().progress(onProgressBG).always(onAlwaysBG);
           });

		}

        //Click handler for top image scene loading
        $('.topphoto').click(function(){
            //var sceneID = $(this).attr('tf-scene');
            sceneClick(this);
        });

            

		$(window).bind('resize', bigbgphoto_size);
		$(window).bind('scroll', bigbgphoto_scroll);

            $(function () {
			checkSceneRes($('.topimage img')[0]);
                bigbgphoto_size();
            bigbgphoto_photoinit();window.setTimeout('bigbgphoto_scrollCheck()', 10000);
		});
        
        //function log(v) { $('.header .title').html(v); }

    </script>
	
	<div class="features content">
        <a id="tourdescription" name="tourdescription" class="nav" nav-name="Details"></a>
        
        <div class="topFeatures">
            <div class="leftTitle topFeaturesEle">
		        <h1 class="address" style="margin: 0;">21945 Beachside Dr SE
		        </h1>
		        <h3 class="cityState">Yelm, WA 98597</h3>
                <hr class="featuresDivider"/>
            </div>
            <div class="rightPrice topFeaturesEle">
                
                    <div class="topFeaturePrice">$194,500</div>
                 
            </div>
        </div>

        <div class="wscale" tf-wscale="1,2"></div>
        
		<div class="wscale" tf-wscale="1,2"></div>
        <div class="fsizeDescription" style="position: relative; margin-left: 4%; margin-right:4%;">A truly special opportunity awaits in a private community where sweeping vistas of Mt. Rainier, Clear Lake, and surrounding hills set the stage for a remarkable retreat. This parcel combines tranquility with versatility, offering RV accommodations with full connections, an outbuilding, inviting front porch, patio space, cedar accents, and a long-lasting metal roof. Evenings can be spent gathered by the firepit in a quiet cul-de-sac or exploring nearby lakes and wooded pathways. With a new 200-Amp electrical panel and septic already in place, the canvas is ready for your vision - whether a custom residence or a cozy getaway. Community offerings include a pool, spa, sports courts, shoreline parks, and more. Sale includes recent Water Delineation/Critical Area and Geotechnical reports, offering valuable insight and savings for future development.</div>
		
	</div>
<div class="sectionScale"></div>
    <script type="text/javascript">

        function getHeroImageHeight(){
            var headerHeight=0;
            if (!mobile) {
                headerHeight = $('.headerCont').height(); //60
            }
			var wh = $(window).height();
            //var wh = $('.topimage').height();
            return Math.round(wh);
        }

        function titleSize(){
            //TODO get % of size needed for Height of features Title
            var topHeight = getHeroImageHeight();
            var featureTitlePerct = Math.ceil(topHeight * .14) < 100 ? 100 : Math.ceil(topHeight * .14); //We want the features at the bottom to be 14% of the total OR min height 100
            var featureEleHeight = $('.leftTitle').height();
            var openHouseHeight = $('.openhouse').height();
            //if Len(sOpenHouses) OR nT9Mobile then 
            //if(openHouseHeight > 0 || $(window).width() < 991)
            //{
               // $('.openhouse').css({top:openHouseHeight*-1});
            //}
           // else{
            if ($(window).width() > 991) {
                $('.topFeatures').height(featureTitlePerct).css({ 'top': ((featureTitlePerct) * -1) });
                $('.rightPrice').css({ 'padding-top': (($('.topFeatures').height() / 2) - (parseInt($('.topFeaturePrice').height()) / 2)) });
                $('.leftTitle').css({ 'padding-top': (($('.topFeatures').height() / 2) - ($('.leftTitle').height() / 2)) });
            } else {
                $('.topFeatures').height('auto').css({ 'top': 0 });
                $('.rightPrice').css({ 'padding-top': 0 });
            }
           // }

            setSizes();
            
        }

        function buildDetailsBar() {
            //going to use the same height as above
            var topHeight = getHeroImageHeight();

            var featureTitlePerct = Math.ceil(topHeight * .20); //We want the features at the bottom to be 20% of the total
            //$('.detailsBar').height(featureTitlePerct);
            var detailsList = ''.split('|');
            var percentage = 100 / (detailsList.length);
            var detailsHTML = '';
            if(detailsList.length > 0 && !detailsList[0]==''){
                for(var i =0; detailsList.length > i; i++){
                    var item = detailsList[i].split(':');
                    detailsHTML+='<div class="detailItem">';
                    if(i+1 < detailsList.length){
                        detailsHTML+='<div class="detailItemCont detailItemContBorder">';
                    }else{
                        detailsHTML+='<div class="detailItemCont">';
                    }
                    detailsHTML+= '<div class="detailItemNum highlightColor">' + item[1] + '</div><div class="detailItemName">' + item[0] + '</div>';
                    detailsHTML+='</div>';
                    detailsHTML+='</div>';
                }
            }
			//var detailElements = '<div style="background: rgba(0, 0, 0, 0.5); position: fixed; top: 80px; left: 0; right: 0; bottom: 0; z-index: -1;"></div>';
			
			$('.features .detailsBar').html(detailsHTML);
            //Set width and height of detail item
             $('.detailItem').width(percentage+'%');
            loadAudio(); //In the tour9.js file
		}
        $(function () {
            buildDetailsBar();
            titleSize();

        });
        $(window).bind('resize', titleSize);
    </script>
	
		<div class="features" style="margin-left:4%; margin-right:4%; text-align:left;z-index:100;position:relative;">
        
            <div class="propertyDetailsCont bottomPadding">
                <div class="propertyDetailsInnerCont" >
			        <div class="bold highlightColor fontLeto featuresTitle" style="text-transform:uppercase;">PROPERTY DETAILS</div>
                    <hr class="dividerLine" style="width:6%;"/>
			        <div class="propertyItems"></div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="wscale mobilePadding" tf-wscale="1,2"></div>
        
            <div class="amenitiesCont">
                <div class="amenitiesInsideCont bottomPadding " style="padding-left:8%;">
                    <div class="bold highlightColor fontLeto featuresTitle" style="text-transform:uppercase;">Amenities</div>
                    <hr class="dividerLine" style="width:6%;"/>
			        <div class="amenityItems"></div>
                    <div class="clear"></div>
                </div>
            </div>
            
            <div class="clear"></div>
            <div class="wscale mobilePadding" tf-wscale="1,2"></div>
		</div>
        <div class="sectionScale"></div>
		<script type="text/javascript">

            function buildPropertyList(){
			    var propertyList = 'Price: $194,500|Property Type: Lots and Land|Property Style: Land|Area of Town: Clearwood|Lot Size: 0.16 Acre|Property Tax: $1,230|School District: Yelm|MLS #: 2432059'.split('|');
                var detailsHTML = '';
                if(propertyList.length > 0 && !propertyList[0]==''){
                    for(var i =0; propertyList.length > i; i++){
                        var item = propertyList[i].split(':');
                        detailsHTML+='<div class="propertyItem">';
                        detailsHTML+= '<span class="propertyItemName">' + item[0] + ': </span><span class="propertyItemValue">' + item[1] + '</span>';
                        detailsHTML+='</div>';
                    }
                    $('.propertyItems').html(detailsHTML);
                }
            }

            function buildAmenityList(){
			    var amenityList = '200-Amp Electrical Panel|3 Lakes Stocked with Fish|Boat Launch & Beaches|Clubhouse & Store|Community BBQ Cabanas|Community Docks|Community Pool with Hot Tub|Community RV Dump|Fire Pit Patio & Covered Porch|Full RV Connections On-Site|Gated Community|Heated Outbuilding|Lake Swimming Areas|Panoramic Views|Parks & Trails|Plumbed & Powered Outbuilding|Septic On-Site|Sport Courts & Playgrounds|Toilet & Shower in Outbuilding|Water & Power On-Site|Waterfront Property'.split('|');
                var detailsHTML = '';
                if(amenityList.length > 0 && !amenityList[0]==''){
                    for(var i =0; amenityList.length > i; i++){
                        var item = amenityList[i].split(':');
                        detailsHTML+='<div class="propertyItem">';
                        detailsHTML+= '<span class="checkMark"> ';
                        detailsHTML+='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 237 253" class="checkMarkIcon"><defs><style>.checkMark{fill-rule:evenodd;}</style></defs><title>checkmark</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="checkMark highlightColor" d="M237,10.36a11,11,0,0,1-2.05,5.5c-34.15,44-62.15,87.29-84,132-15,28.87-28.68,58.43-41.66,88.67-4.78,11.69-21.17,16.5-30,16.5-11.61,0-15.71-6.19-24.59-19.25C37.56,209,18.44,185,.68,160.21A11.85,11.85,0,0,1,0,155.39C0,141,23.9,136.15,31.42,136.15c6.14,0,7.51-2.75,13,2.75C58.74,154,70.35,174,83.33,191.14c8.87-17.87,17.75-36.43,26.63-54.31C133.87,90.78,170.75,31,198.07,4.17c2.05-2.06,5.46-2.75,8.19-3.43,3.42-.69,9.57-.69,11.61-.69C223.34.05,237-1.32,237,10.36Z"/></g></g></svg>'
                        detailsHTML+='</span><span class="aminity"> ' + item[0] + '</span>';
                        detailsHTML+='</div>';
                    }
                    $('.amenityItems').html(detailsHTML);
                }
            }

			function propertySize() {
				 if (!mobile) {
                    if($('.propertyDetailsInnerCont').height() > $('.amenitiesInsideCont').height()){
                        $('.propertyDetailsInnerCont').css({'border-right':'1px solid #ccc'});
                    }else{
                        $('.amenitiesInsideCont').css({'border-left':'1px solid #ccc'});
                     }
                     //$('.featuresTitle').css({ 'text-align':'left'});
                }
                //Check if Amenitties exsists
                if(!$('.amenitiesCont').length){
                    $('.propertyDetailsCont').width('100%');
                    $('.propertyDetailsInnerCont').css('border-right','none')
                } else if(!$('.propertyDetailsCont').length){
                    $('.amenitiesCont').width('100%');
                    $('.amenitiesInsideCont').css('border-left','none');
                    $('.amenitiesInsideCont').css('padding-left','0px');
                }
			}

            $(function () {
                buildPropertyList();
                buildAmenityList();
                //This has to go last, needs the items from the above two functions. Could add a promise and run after?
			    propertySize();
            });
			$(window).bind('resize', propertySize);

		</script>
		
	<div class="content buttons">
        <div class="resourcesCont resourceHeaderPiece" style="background-color:#fff;">
            <svg id="resourceHump" class="highlightColor" height="17" viewBox="0 0 88 17" xmlns="http://www.w3.org/2000/svg">
                <path d="M76.5,11C71,7.5,56.8-0.4,44,0C31.2-0.4,17,7.5,11.5,11c-2,1.3-9.9,6-11.5,6h44h44C86.4,17,78.5,12.3,76.5,11z"/>
            </svg>
        </div>
    <div class="resourcesCont resourceHeader resourceHeaderPiece fontLeto resourceAltColor highlightBackgroundColor">
        Property Resources
    </div>
	<div class="resourceAltBackgroundColor resourceBackground resourceAltColor">
        <div class="resourcesCont resourceHeaderPiece" style="border-top:3px solid rgba(255,255,255,0.4);">
        </div>
		<a class="resourceItem button" href="https://www.greatschools.org/best-schools/washington/yelm/yelm-school-district/"> <img class="navArrows" src="tour9/double-arrow.png" />&nbsp; School Info &nbsp; </a><a class="resourceItem button" href="https://clearwood-yelm.com/"> <img class="navArrows" src="tour9/double-arrow.png" />&nbsp; Area Info &nbsp; </a>
        <div class="resourcesCont" style="padding:12px; 0px;">
            <div class="shareCont">
                <a href="https://twitter.com/intent/tweet?text=I+love+this+house&url=https%3A%2F%2Ftours.tourfactory%2Ecom%2Ftours%2Ftour.asp?t=3226662" " target="_blank" title="Tweet This Property">
                    <svg class="socialIcons" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 58" style="enable-background:new 0 0 60 58;" xml:space="preserve">
                    <style type="text/css">.st0{opacity:0.2;}.st1{fill:#FFFFFF;}</style>
                    <g>
	                    <g class="st0">
		                    <circle class="st1" cx="29.5" cy="29.5" r="26.5"/>
	                    </g>
	                    <path class="st1" d="M41.5,22.1c-0.9,0.4-1.8,0.7-2.8,0.8c1-0.6,1.8-1.6,2.2-2.7c-1,0.6-2,1-3.1,1.2c-0.9-1-2.2-1.6-3.6-1.6
		                    c-3.2,0-5.5,3-4.8,6c-4.1-0.2-7.7-2.2-10.1-5.1c-1.3,2.2-0.7,5.1,1.5,6.6c-0.8,0-1.6-0.2-2.2-0.6c-0.1,2.3,1.6,4.4,3.9,4.9
		                    c-0.7,0.2-1.5,0.2-2.2,0.1c0.6,2,2.4,3.4,4.6,3.4c-2.1,1.6-4.7,2.3-7.3,2c2.2,1.4,4.8,2.2,7.5,2.2c9.1,0,14.3-7.7,14-14.6
		                    C40,23.9,40.8,23,41.5,22.1z"/>
                    </g>
                    </svg>
                </a>
            </div>
            <div class="shareCont">
                <a href="https://www.facebook.com/sharer.php?u=tourfactory.com/tours/tour.asp?t=3226662" target="_blank" title="Share This Property on Facebook">
                    <svg class="socialIcons" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	                     viewBox="0 0 60 58" style="enable-background:new 0 0 60 58;" xml:space="preserve">
                    <style type="text/css">.st0{opacity:0.2;}.st1{fill:#FFFFFF;}</style>
                    <g>
	                    <g class="st0">
		                    <circle class="st1" cx="30" cy="29.2" r="26.5"/>
	                    </g>
	                    <path class="st1" d="M27,25.2h-3v4h3v12h5v-12h3.6l0.4-4h-4v-1.7c0-1,0.2-1.3,1.1-1.3H36v-5h-3.8c-3.6,0-5.2,1.6-5.2,4.6V25.2z"/>
                    </g>
                    </svg>
                </a>
            </div>
            <div class="shareCont">
                <a href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww%2Etourfactory%2Ecom%2F3226662&media=https%3A%2F%2Fwww%2Etourfactory%2Ecom%2Fmedia%2Fscene%2Fbig3%2F85736124.jpg&description=I%20love%20this%20place!" target="_blank" title="Pin This Property">
                <svg class="socialIcons" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	                 viewBox="0 0 60 58" style="enable-background:new 0 0 60 58;" xml:space="preserve">
                    <style type="text/css">.st0{opacity:0.2;}.st1{fill:#FFFFFF;}</style>
                    <g>
	                    <g class="st0">
		                    <circle class="st1" cx="31.5" cy="29.5" r="26.5"/>
	                    </g>
	                    <path class="st1" d="M29.8,34c0.5,0.9,1.9,1.7,3.5,1.7c4.6,0,7.9-4.2,7.9-9.4c0-5-4.1-8.8-9.4-8.8c-6.5,0-10,4.4-10,9.2
		                    c0,2.2,1.2,5,3.1,5.9c0.3,0.1,0.4,0.1,0.5-0.2l0.4-1.7c0-0.2,0-0.3-0.1-0.4c-0.6-0.8-1.1-2.2-1.1-3.5c0-3.3,2.5-6.6,6.8-6.6
		                    c3.7,0,6.3,2.5,6.3,6.2c0,4.1-2.1,6.9-4.8,6.9c-1.5,0-2.6-1.2-2.2-2.7c0.4-1.8,1.3-3.7,1.3-5.1c0-1.2-0.6-2.1-1.9-2.1
		                    c-1.5,0-2.7,1.6-2.7,3.7c0,1.3,0.5,2.3,0.5,2.3s-1.5,6.4-1.8,7.5c-0.2,0.9-0.2,1.8-0.2,2.7c0,0.4,0,0.9,0.1,1.3
		                    c0.1,0.3,0.4,0.5,0.6,0.6c0.1,0,0.3,0.1,0.4,0c0.2-0.1,0.3-0.4,0.4-0.6c0.2-0.3,0.3-0.6,0.5-0.9c0.2-0.4,0.4-0.8,0.6-1.2
		                    c0.1-0.3,0.4-0.8,0.4-1.2C28.9,37.6,29.8,34,29.8,34z"/>
                    </g>
                </svg>
                </a>
            </div>
            <div class="shareCont">
               <a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww%2Etourfactory%2Ecom%2F3226662&title=21945+Beachside+Dr+SE&summary=I%20love%20this%20place!" target="_blank" title="Share This Property on LinkedIn">
                    <svg id="linkedInSVG" class="socialIcons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 58">
                        <style type="text/css">.st0{opacity:0.2;}.st1{fill:#FFFFFF;}</style>
                        <g>
	                        <g class="st0">
		                        <circle class="st1" cx="30.4" cy="29.2" r="26.5"/>
	                        </g>
	                        <path class="st1" d="M23.3,20.2c0,1.4-1.1,2.5-2.5,2.5c-1.4,0-2.5-1.1-2.5-2.5c0-1.4,1.1-2.5,2.5-2.5
		                        C22.2,17.7,23.3,18.8,23.3,20.2z M23.4,24.7h-5v16h5V24.7z M31.3,24.7h-5v16h5v-8.4c0-4.7,6-5.1,6,0v8.4h5V30.6
		                        c0-7.9-8.9-7.6-11-3.7C31.3,26.9,31.3,24.7,31.3,24.7z"/>
                        </g>
                    </svg>
                </a>
            </div>
            
            <!--
            <div class="shareCont">
                <svg class="socialIcons" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	                 viewBox="0 0 60 58" style="enable-background:new 0 0 60 58;" xml:space="preserve" onclick="shareAPI();">
                <style type="text/css">.st0{opacity:0.2;}.st1{fill:#FFFFFF;}</style>
                <g>
	                <g class="st0">
		                <circle class="st1" cx="29.8" cy="29.2" r="26.5"/>
	                </g>
	                <path class="st1" d="M36.8,19.2c0-1.1-0.9-2-2-2h-10c-1.1,0-2,0.9-2,2v20c0,1.1,0.9,2,2,2h10c1.1,0,2-0.9,2-2V19.2z M28.3,19.2h3
		                c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5h-3c-0.3,0-0.5-0.2-0.5-0.5C27.8,19.4,28,19.2,28.3,19.2z M29.8,39.2
		                c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1c0.6,0,1,0.4,1,1C30.7,38.8,30.3,39.2,29.8,39.2z M34.8,36.2h-10v-14h10V36.2z"/>
                </g>
                </svg>
            </div> -->
        </div>
                    
	</div>
	<div class="sectionScale"></div>
	</div>
<!--Start Sponsors -->

	<script language="javascript">

        function shareAPI() {
            if (navigator.share) {
              // Web Share API is supported
                navigator.share({
                    title: 'Check this house out!',
                    url: document.querySelector('link[rel=canonical]') ? document.querySelector('link[rel=canonical]').href : document.location.href
                }).then(function() {
                  //console.log('Thanks for sharing!');
                })
                .catch(console.error);
            } else {
                console.log(">>> cant share on this browser <<<");
                //Lets try hiding the share button.
                $(".shareCont").hide();
            }
        }

        function checkNumOfResources() {
            //Check resource for length if none display none
            if ($(".resourceItem").length < 1) {
                $(".resourceHeaderPiece").hide();
            }
        }

        function showMobileShare() {
            if (location.protocol === 'https:') {
                $('#mobileShareIcon').show();
            } else {
                $('#mobileShareIcon').hide();
            }
        }

        $(function () {
            showMobileShare();
            checkNumOfResources();
        });

	</script>
	
	<div class="content">
		<div class="wscale" tf-wscale="1,2"></div>
	</div>
	<div class="content tourphotos">
		<a id="tourphotos" name="tourphotos" class="nav" nav-name="Photos"></a>
         <div class="indentContent">
		    <div class="highlightColor sectionHeader">Photo Gallery</div>
            <hr class="sectionHeaderDivider" />
        </div>
		<div class="wscale" tf-wscale="1,2"></div>

    <div class="showMoreCont">
        <div class="photoContainer">
        <div class="masonry-wrapper">
		    <div class="masonry">
		
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Waterfront Lot with Utilities</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736124" alt="Waterfront Lot with Utilities"
					    tf-scene="85736124" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Panoramic Lakefront Views</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736125" alt="Panoramic Lakefront Views"
					    tf-scene="85736125" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Gather Around the Fire Pit</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736126" alt="Gather Around the Fire Pit"
					    tf-scene="85736126" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Covered Porch on Outbuilding</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736127" alt="Covered Porch on Outbuilding"
					    tf-scene="85736127" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Wired and Plumbed Outbuilding</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736128" alt="Wired and Plumbed Outbuilding"
					    tf-scene="85736128" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Finished Outbuilding Interior</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736129" alt="Finished Outbuilding Interior"
					    tf-scene="85736129" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Plumbed Sink in Outbuilding</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736130" alt="Plumbed Sink in Outbuilding"
					    tf-scene="85736130" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Wall Heating in Outbuilding</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736131" alt="Wall Heating in Outbuilding"
					    tf-scene="85736131" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Toilet and Shower in Outbuilding</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736132" alt="Toilet and Shower in Outbuilding"
					    tf-scene="85736132" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Hot Water in Outbuilding</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736133" alt="Hot Water in Outbuilding"
					    tf-scene="85736133" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Versatile Outbuilding Space</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736134" alt="Versatile Outbuilding Space"
					    tf-scene="85736134" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Lake Views from Outbuilding</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736135" alt="Lake Views from Outbuilding"
					    tf-scene="85736135" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Patio Off Sliding Door</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736136" alt="Patio Off Sliding Door"
					    tf-scene="85736136" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Lake View from Patio</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736137" alt="Lake View from Patio"
					    tf-scene="85736137" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">1 of 3 Lakes in Clearwood</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736138" alt="1 of 3 Lakes in Clearwood"
					    tf-scene="85736138" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Large Lot with Possibilities</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736139" alt="Large Lot with Possibilities"
					    tf-scene="85736139" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Power On-Site</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736140" alt="Power On-Site"
					    tf-scene="85736140" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Water and Septic On-Site</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736141" alt="Water and Septic On-Site"
					    tf-scene="85736141" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Ready for RV Now & Future Plans</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736142" alt="Ready for RV Now &amp; Future Plans"
					    tf-scene="85736142" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Tranquil Dead End Location</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736143" alt="Tranquil Dead End Location"
					    tf-scene="85736143" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Amazing Privacy</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736144" alt="Amazing Privacy"
					    tf-scene="85736144" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Surrounded by Lush Forest</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736145" alt="Surrounded by Lush Forest"
					    tf-scene="85736145" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Long Lasting Metal Roof</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736146" alt="Long Lasting Metal Roof"
					    tf-scene="85736146" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Breathtaking Panoramic Views</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736147" alt="Breathtaking Panoramic Views"
					    tf-scene="85736147" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Located in Clearwood Community</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736148" alt="Located in Clearwood Community"
					    tf-scene="85736148" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Community Clubhouse</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736149" alt="Community Clubhouse"
					    tf-scene="85736149" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Convenient Community Store</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736150" alt="Convenient Community Store"
					    tf-scene="85736150" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Gated Community</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736151" alt="Gated Community"
					    tf-scene="85736151" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Cabanas and BBQ Areas</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736152" alt="Cabanas and BBQ Areas"
					    tf-scene="85736152" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">3 Lakes Stocked with Fish</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736153" alt="3 Lakes Stocked with Fish"
					    tf-scene="85736153" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Community Swimming Area</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736154" alt="Community Swimming Area"
					    tf-scene="85736154" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Community Pool</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736155" alt="Community Pool"
					    tf-scene="85736155" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Outdoor Pool with Hot Tub</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736156" alt="Outdoor Pool with Hot Tub"
					    tf-scene="85736156" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Community Sport Courts</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736157" alt="Community Sport Courts"
					    tf-scene="85736157" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Community Boat Launch</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736158" alt="Community Boat Launch"
					    tf-scene="85736158" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
			    <div class="loadImages masonry-item sceneImageEvents si0">
				    <div class="effect-chico highlightBackgroundColor">
                    <!--Update the false piece -->
					    <div class="captionContainer">
                            <figcaption>
                                <span class="imageTitle">Community Dock and Beaches</span>
                            </figcaption>
					    </div>
				    
                        <!--Add overlay here -->
                        
				    <img class="masonry-content scene scene85736159" alt="Community Dock and Beaches"
					    tf-scene="85736159" tf-width="450" tf-height="300" tf-phototype="1" tf-desc=""
					    tf-video="" tf-videoHost="" tf-mute="" />
			        </div>
                </div>
			    
		    </div>
        </div>
        </div>
        <div class="showMoreGradiant"></div>
    </div>
    <div class="showMorePhotos highlightColor highlightBorder" onclick="showMorePhotos();">
        <span class="showMoreText">Show <span id="numOfRemainingPhotos"></span> More</span>
    </div>
		<div class="wscale" tf-wscale="1,1"></div>
	</div>
<div class="sectionScale"></div>
	<script language="javascript">
        function getImages(){
            $('.masonry-item').each(function (i, o) {
                var img = $(o).find('img')[0];
                checkSceneRes(img);
            });
        }

        function buildGradiant(){
            $('.showMoreGradiant').show();
            $('.showMorePhotos').show();
        }

        function showMorePhotos(){
            //TODO animate height update
            $('.showMoreCont').height('100%');
            $('.showMoreGradiant').hide();
            $('.masonry-item').removeClass('hide');
            $('.showMorePhotos').hide();
            resizeAllMasonryItems();
            header_size();
        }

        //Called from masonry.js when all the gallery images are loaded
        function hideGalleryImages(){
            //Based on height of window
            if($('.showMoreCont').height() > $(window).height())
            {
                buildGradiant();
                var windowHeight = $(window).height();
                $('.showMoreCont').height(windowHeight);
                $('.showMoreGradiant').css({bottom: '0px'});
            }

            //Based on number of images
            /*$('.masonry-item').each(function (index, obj) {
                if(index>=12){
                    $(obj).addClass('hide');
                }
            });
            $('#numOfRemainingPhotos').html($('.masonry-item').length - 13);*/
            header_size();
        }
        $(function () {
		    /* Do a resize once more when all the images finish loading  Found in Masonry.js*/
            getImages();
            waitForImages();
            //if($('.masonry-item').length > 13)
            //{
                //buildGradiant();
            //}
        });

	</script>
	
		<div class="content imageBackground">
            <a id="tourmap" name="tourmap" class="nav" nav-name="Location"></a>
            <div class="indentContent">
		        <div class="highlightColor sectionHeader" style="font-size: 38px; line-height: 46px;">Property Location</div>
                <hr class="sectionHeaderDivider"/>
		        <div class="wscale" tf-wscale="1,2"></div>
                <div style="text-align:center;">
			        <iframe class="tourmap" src="//tourfactory.com/tours/propertymap.asp?t=3226662" loading="lazy"></iframe> 
			        <div class="wscale" tf-wscale="1,2"></div>
                </div>
            </div>
		</div>
<div class="sectionScale"></div>
		<script language="javascript">

			function tourmap_size() {
				//var ww = $(window).width();
				var wh = $(window).height();
				$('.tourmap').height(Math.round(wh * 0.6));
			}
			$(window).bind('resize', tourmap_size);
			tourmap_size();

		</script>
		
<!--Custom Branding -->

    <div class="sectionScale"></div>
	<a id="contactus" name="contactus" class="nav" nav-name="Contact"></a>
	<div class="contact content" style="background-repeat:no-repeat; background-size:cover; background-image:url(media/scene/big4/85736124.jpg)" tf-scene="85736124">
        <div class="sceneBackground">
        <div class=" indentContent">
		<div class="highlightColor sectionHeader" style="font-size: 38px; line-height: 46px;">Contact</div>
        <hr class="sectionHeaderDivider"/>
        <div class="wscale" tf-wscale="1,2"></div>
		<div class="fsizeDescription">To schedule a private showing or to receive more information about this property, please fill out the contact form below.</div>
		<div class="wscale" tf-wscale="1,2"></div>
        <div class="paneCont">

        <!--Agent section -->
        <div class="agentsPane">
		<div id="mainAgentPane" class="pane agentPane">
            
            <img class="contactUsAgentImage" src="media/user/189918_368_552.jpg"/>
            
            <div class="gradientCont">
                <!--Main Agent -->
                <div class="agentContent">
                    <div class="agentText">
                        <h3 class="agentName" style="font-weight:bold;margin:10px 0px;">Chad Goelzer</h3>
                        	
						    <div class="overFlowControl" style="padding:2px;">Keller Williams Realty Puget Sound</div>
						    
			            <div class="overFlowControl" style="padding-bottom:2px;"><a style="color:#fff;" href="tel:(253) 376-6347">(253) 376-6347</a></div>
                        <div class="overFlowControl" style="padding:2px;"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8ecde6efeac9e1ebe2f4ebfccee5f9a0ede1e3">[email&#160;protected]</a></div>
                    </div>
                    <div class="horizontalLine">
                        <hr class="highlightColor" style="border: 1px solid;width:34%;float:left;"/>
                        <hr class="dividerLine" style="width:65%;float:left;height: 2px;"/>
                    </div>
                    <div class="buttonCont">
                        
                    </div>
                </div>

            </div>
		</div>
    
    </div>
        <!--Only show on mobile, controlled in CSS -->
        <div class="officeBranding" style="display:none;">
            
            <div style="margin: 0 auto; text-align:center; padding-bottom:20px;">
                <img src="media/logo/89081_200_100.jpg" class="logoimage2" width="200" height="100" />
            </div>
            
            <div style="margin: 0 auto; text-align:center;">
                Each office independently owned and operated. Keller Williams does not guarantee accuracy of square feet, lot size, or other info concerning condition/features of property. Buyer advised to independently verify accuracy of info through personal inspection with appropriate licensed professionals.
            </div>
        </div>
        <hr class="officeBrandingDivider" style="display:none;"/>
        <div class="pane formPane">
			<div class="contactformCont">
				<form name="" class="contactForm">
                    <input type="hidden" name="fUpdate" value="1">
			<input type="hidden" name="nCaptchaID" value="363958910">
                    <div class="row">
                        <div class="col50">
					        <label class="inputTitle">Your Name <span style="color:#f00;">*</span></label>
                            <div class="inputField">
						        <input type="text" class="cfromname inp" title="Your Name" placeholder="Your Name"/>
                            </div>
                        </div>
                        <div class="col50">
					        <label class="inputTitle">Your Email <span style="color:#f00;">*</span></label>
					        <div class="inputField">
                                <input type="text" style="width:100%;" value="" class="cfromemail  inp" title="Your Email" placeholder="Your Email"/>
					        </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col100 padding10">
					        <label class="inputTitle">Message <span style="color:#f00;">*</span></label>
                            <div class="inputField">
					            <textarea class="cmessage inp" rows="10" style="" title="Message" placeholder="Type your message"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col50">
					        <label class="inputTitle">Security Code <span style="color:#f00;">*</span></label>
                            <div> <img src="inc/CaptchaImage.asp?id=363958910" width="100" height="32" border="0"><input type="text" style="width:50%;" value="" class="cSecurityCode  inp" title="Security Code" placeholder="Enter Security Code"/></div>
                        </div>
                    </div>
                   
                    <div class="row">
                        
                        <div style="float:left;">
                            <img src="media/logo/89081_200_100.jpg" class="logoimage2" width="200" height="100" />
                        </div>
                        
					    <div class="inputCont">
						    <a href="#" class="button csubmit" style="padding:10px 20px;" onclick="return contact_submit();">&nbsp; &nbsp; Send Message &nbsp; &nbsp; </a>
					    </div>
                        <!-- Send Text logic for phonesproperty -->
                        <!--
                        <div class="inputCont textMessage">
						    <a href="" target="_self" class="button csubmit textMessage" style="padding:10px 20px;">&nbsp; &nbsp; Send Text &nbsp; &nbsp; </a>
					    </div>-->
                    </div>
                    <div class="row userCompliance">
                        Each office independently owned and operated. Keller Williams does not guarantee accuracy of square feet, lot size, or other info concerning condition/features of property. Buyer advised to independently verify accuracy of info through personal inspection with appropriate licensed professionals.
                    </div>
                    <div style="clear: both;"></div>
				</form>
                <div class="messageSent">
                    <div class="messageSentIcon" style="float:left;margin:auto 0;width:20%;">
                        <svg class="highlightColor formSVG" id="successMessageSVG" style="display:none;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.25 8.891l-1.421-1.409-6.105 6.218-3.078-2.937-1.396 1.436 4.5 4.319 7.5-7.627z"/>
                        </svg>
                        <svg class="highlightColor formSVG" id="errorMessageSVG" style="display:none;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <path d="M16.143 2l5.857 5.858v8.284l-5.857 5.858h-8.286l-5.857-5.858v-8.284l5.857-5.858h8.286zm.828-2h-9.942l-7.029 7.029v9.941l7.029 7.03h9.941l7.03-7.029v-9.942l-7.029-7.029zm-6.471 6h3l-1 8h-1l-1-8zm1.5 12.25c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25z"/>
                        </svg>
			</div>
                    <div class="messageSentText" style="float:left;text-align:left;width:80%;">
                        <div style="text-transform:uppercase;" class="titleMessage">Thank you!</div>
                        <div style="" class="message"></div>
                        <!--<div class="errorButton"><a href="#" onclick="return contact_close();" class="button"> &nbsp; Try Again &nbsp; </a></div>-->
		</div>
                </div>
                <div class="messagePending">
                    <div><img src="art/loading.gif"/></div>
                    <div>Sending...</div>
                </div>
			</div>
		</div>
            <div style="clear: both;"></div>
    </div>
	<div class="wscale" tf-wscale="1,3"></div>
	</div>
    </div>
    </div>
	<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script language="javascript">

		function contact_close() {
            $('.messageSent').hide();
            $('#successMessageSVG').hide();
            $('.errorButton').hide();
            $('#errorMessageSVG').hide();
            $('.contactForm').show();
            return;
		}

        //Not used at the moment
        function contact_messageSize() {
            var top = ($('.formPane').height() / 2) - ($('.messageSentText').height() / 2) - parseInt($('.contactformCont').css('padding-top'));
            var left = ($('.formPane').width() / 2) - (($('.messageSentText').width() + $('.messageSentIcon').width()) / 2) - parseInt($('.contactformCont').css('padding-left'));
            $('.messageSent').css({'left':left,'top':top});
		}

		function contact_message(success,titleMessage,msg) {
            $('.contactForm').hide();
            $('.messagePending').hide();
			//show msg
            if(success){
                $('#successMessageSVG').show();
            }else{
                $('#errorMessageSVG').show();
                $('.errorButton').show();
            }
            $('.titleMessage').html(titleMessage);
            $('.messageSent .message').html(msg);
            $('.messageSent').show();
            //contact_messageSize();
		}

		function validateEmail(email) {
			var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
			return re.test(email.replace(/\s/g, ''));
		}

		function contact_submit() {
			var n1 = Math.round(Math.random() * 1000000);
			var n2 = Math.round(Math.random() * 1000000);
			var fromname = $('.cfromname')[0].value;
			var fromemail = $('.cfromemail')[0].value;
            var message = $('.cmessage')[0].value;
            var scode = $('.cSecurityCode')[0].value;
            var captchaID = $('input[name=nCaptchaID]').val();
            if (fromname == '') { alert('Please enter your name.'); $('.cfromname')[0].focus(); return false; }
            if (fromemail == '' || !validateEmail(fromemail)) { alert('Please enter your valid email address.'); $('.cfromemail')[0].focus(); return false; }
            if (message == '') { alert('Please enter a message.'); $('.cmessage')[0].focus(); return false; }
            if (scode == '') { alert('Please enter security code.'); $('.cSecurityCode')[0].focus(); return false; }
            $('.cfromname, .cfromemail, .cmessage, .csubmit').attr('disabled', true);
            var url = '//tourfactory.com/tours/contactagent.asp?nTemplateID=1&fPosted=1&nAgentUserID=189918&nTourID=3226662&sSenderName=' + escape(fromname) + '&sSenderEmail=' + escape(fromemail) + '&sAddress=21945+Beachside+Dr+SE&sMessage=' + escape(message) + '&n1=' + String(n1) + '&n2=' + String(n2) + '&n3=' + String(n1 + n2) + '&sCaptchaCode=' + scode + '&nCaptchaID=' + captchaID;
            //Message pending
            $('.messagePending').show();
            $('.contactForm').hide();
			$.ajax({
				url: url,
                error: function (error) { 
                    if (error.responseText == "400 Invalid Security Code") {
                        alert("Invalid security code entered.");
                        $('.cSecurityCode')[0].focus();
                        $('.messagePending').hide();
                        $('.contactForm').show();
                        return false;
                    }
                    else
                        contact_message(false,'OOPS...',"We're sorry &mdash; your message could not be sent at this time. Please give us a call at <a class='highlightColor' href='tel:888-993-7209'>888-458-3943</a>"); 
                },
				success: function (result) { 
                    contact_message(true,'Thank you!','Your message has been sent.');
                    //contact_message(false,'OOPS...',"We're sorry &mdash; your message could not be sent at this time. Please give us a call at <a class='highlightColor' href='tel:888-993-7209'>888-993-7209</a>"); 
                }
			});
			return false;
		}
        function resizeContactForm() {
            //This tells us we are in a side by side setup and we want to check sizing.
            var coListerID = '';
            var contactFormHeight = ($('.contactformCont').height() + parseInt($('.contactformCont').css('padding-top')) + parseInt($('.contactformCont').css('padding-bottom')));
            //This is really ugly and i hate myself for writing it
            if (($('.formPane').height() < contactFormHeight) && coListerID) {
                //TODO add classes and remove classes so the agents appear above the form piece;
                $('.paneCont').addClass('CoList');
                //$('.agentPane').addClass('agentPaneCoList');
            }
            //else {
                //$('.paneCont').removeClass('CoList');
                //$('.agentPane').removeClass('agentPaneCoList');
            //}
            else if (!$('.CoList').length && (($(window).width() > 767 && !coListerID) || (coListerID && $('.formPane').height() >= contactFormHeight))) //Small tablet and not coListed
            {
                var fullWidth = $('.paneCont').width();
                var takenWidth=0;
                $('.paneCont .agentPane').each(function(index){
                    takenWidth +=  $( this ).width();
                });
                //$('.formPane').width(fullWidth - takenWidth);
            }
            //console.log(" height + padding: "+ ($('.contactformCont').height() + parseInt($('.contactformCont').css('padding-top'))+parseInt($('.contactformCont').css('padding-bottom'))))

        }

        function checkBrandingSize() {
			var ww = $(window).width();
			var wh = $(window).height();
			if (ww < wh) {
				$(".brandingcontactdiv2").show();
				$(".brandingcontactdiv1").hide();
			}
			else {
				$(".brandingcontactdiv1").show();
				$(".brandingcontactdiv2").hide();
			}
        }

        //Not currently in use, but it works
        function createMobileSMSText() {
            //Check if mobile
            if (mobile) {
                //If apple do this
                console.log(">>> tfDevice.browser.iOS: " + tfDevice.browser.iOS);
                if (tfDevice.browser.iOS) {
                    $(".textMessage").attr("href","sms:5094758610&body=In regard to your listing at 21945 Beachside Dr SE");
                } else {
                    //Its android or other and do this:
                    $(".textMessage").attr("href","sms:5092907031?body=In regard to your listing at 21945 Beachside Dr SE");
                }
            }
        }

        $(function () {
            resizeContactForm();
            checkBrandingSize();
            //createMobileSMSText();
            $(window).bind('resize', resizeContactForm);
        });
    </script>
	
    <!-- Co Lister Section -->
    
    <div class="agentFooter agentFooterCont">
        <div class="footerArch"></div>
        <div class="footerFadeArch"></div>
        <div class="agentFooterColor">
            <div class="agentInfo">
                 
                <div class="agentFooterImage" style="float:left;padding-left:20px;margin-top:-30px;">
                    <img src="media/user/189918_50_70.jpg" width="50" />
                </div>
                
                <div class="agentFooterText" style="float:left;font-weight:lighter;font-size:12px;text-align:left;padding-left:10px;width: 70%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;">
                    <div class="username" style="font-weight:bold;font-size:16px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display:block;">Chad Goelzer</div>
					
                    <div id="footerOfficeName" style="float:left; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: calc(70%);">Keller Williams Realty Puget Sound
                    </div>
					<div class="footerPhoneNumber" style="float:left;">
                        <span style="padding-left:.5em;padding-right:.5em;">|</span>
                        <a class="agentFooterColor" href="tel:(253) 376-6347">(253) 376-6347</a>
					</div>
                    
                </div>
            </div>
        </div>
    </div>
    
	<div class="footer">
            <div class="row">
				<div class="footerLogo footerItem footerLeft">
					
					<img class="icon" src="tour9/realtor_grey.png">&nbsp;
					
                </div>
                <div class="footerLogo footerItem footerLeft">
						
						<img class="icon" src="tour9/equal_housing_grey.png">
						
                </div>
                <div class="bar"></div>
                <div class="footerItem footerLeft">
                    Site #3226662
                </div>
            </div>
            <hr class="footerHR"/>
            <div class="rightItemCont">
                <div class="footerItem footerRight">
				    Powered by&nbsp;
                </div>
                <div class="footerItem footerRight">
                    
                        <a href="http://www.tourfactory.com/" target="_blank"><img src="tour9/tf_logo.gif" class="tf-img" border="0" width="216" height="48" style="vertical-align: middle;" />
                    </a>
		        </div>
                <div class="footerItem footerRight">
                    &copy; 2026 TourFactory.com 
		        </div>
                <div class="footerItem footerRight">
			        Information deemed reliable but not guaranteed.
                </div>
                </div>
	</div>
	<script type="text/javascript">
        function footer_size() {
            var ww = $(window).width();
            if (ww < 700) {
                $('.footer .wide').hide();
                $('.footer .narrow').show();
            }
            else {
                $('.footer .wide').show();
                $('.footer .narrow').hide();
            }
            if (ww < 1000) { ww = 1000; }
            var is = Math.round(ww * 0.015);
            //$('.footer').css('font-size', Math.round(ww * 0.011));
            //$('.footer .icon').width(is).height(is);
            //$('.footer .bar').height(Math.round(ww * 0.04)).css('margin', Math.round(ww * 0.014));
            //$('.footer .fineprint').css('margin', Math.round(ww * 0.014) + 'px 0');
           // $('.footer .power').css('font-size', Math.round(ww * 0.014));
            //$('.footer .tf-img').width(Math.round(ww * 0.15)).height(Math.round(ww * 0.0333));
        }
        $(window).bind('resize', footer_size);
        footer_size();

    </script>
	
	<div id="sceneview" class="sceneview">
		<div class="blackout"></div>
		<div class="scenefull">
			<div id="scenefulldiv" class="scenefulldiv noselect">
				<div id="cubePanContainer" class="sceneViewer">
					<div id="cubePan"></div>
				</div>
                <div id="sphereContainer" class="sceneViewer">
                    <div class="sceneclose noselect"><div><span>x</span></div></div>
					<div id="sphereViewer" style="position:inherit;width:800px;height:600px;"></div>
                    <div class="sceneviewControls sceneviewleft"><img src="tour9/double-arrow-dark-left.png"></div>
		            <div class="sceneviewControls sceneviewright"><img src="tour9/double-arrow-dark-right.png" ></div>
				</div>
                <div id="externalVideoCont" style="position:absolute;" class="sceneViewer">
                    <div class="sceneclose noselect" style="position:absolute;"><div><span>x</span></div></div>
					<iframe id="externalVideo" style="border:none;"></iframe>
				</div>
                <div id="scenefullvidCont" class="scenefullvidCont sceneViewer">
				    <div class="scenefullvid"></div>
                    <div class="sceneclose noselect"><div><span>x</span></div></div>
                    <div class="scenefullvidcontrols">
					    <div class="play"><img src="tour9/playpause.png" /></div>
					    <div class="timebar"></div>
					    <div class="timetext"></div>
					    <div class="mute">
						    <div class="bar"></div>
						    <div class="bar"></div>
						    <div class="bar"></div>
						    <div class="bar"></div>
						    <div class="bar"></div>
					    </div>
					    <div class="timecatch"></div>
				    </div>
                    <div class="sceneviewControls sceneviewleft"><img src="tour9/double-arrow-dark-left.png"></div>
		            <div class="sceneviewControls sceneviewright"><img src="tour9/double-arrow-dark-right.png" ></div>
                </div>
				<div id="scenefullVimeoVideoCont" style="position: absolute;" class="sceneViewer">
                    <div class="sceneclose noselect"><div><span>x</span></div></div>
                    <div class="sceneviewControls sceneviewleft"><img src="tour9/double-arrow-dark-left.png"></div>
		            <div class="sceneviewControls sceneviewright"><img src="tour9/double-arrow-dark-right.png" ></div>
				</div>
				<div id="scenefullimgs" class="scenefullimgs sceneViewer">
                    <div class="sceneclose noselect"><div><span>x</span></div></div>
					<img id="scenefullimg" />
					<img id="scenefullimg2" />
					<div class="scenefulldescription">
                        <div class="sceneDescCont">
                            <div class="scenefull-tf-name"></div>
						    <div class="scenefull-tf-desc"></div>
                        </div>
                        <!--
				        <div class="sceneviewsocial">
					        <a tf-href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww%2Etourfactory%2Ecom%2F3226662&media=https%3A%2F%2Fwww%2Etourfactory%2Ecom%2Fmedia%2Fscene%2Fbig3%2F{sceneid}.jpg&description=I%20love%20this!" target="_blank" tf-width="780" tf-height="350">
						        <img src="tour9/pinit.png" alt="Pin This Photo" border="0" style="padding-top:50%;" />
					        </a>
				        </div>
				        -->
					</div>
                    <div class="sceneviewControls sceneviewleft"><img src="tour9/double-arrow-dark-left.png"></div>
		            <div class="sceneviewControls sceneviewright"><img src="tour9/double-arrow-dark-right.png" ></div>
				</div>
			</div>
		</div>
	</div>
	<div class="musicdiv"></div>
	<script language="javascript">

		var sceneOffsetX = 0;
		var sceneOffsetY = 0;
		var sceneZoom = 1;
		var videomute = false;
		var sceneTouch1 = {};
		var sceneTouch2 = {};
		var sceneTouchCount;
		var sceneMoveX = 0;
		var sceneMoveY = 0;
		var prevZoomRatio = 0;
		var hideImages;
		if (fIDX) {
			//var cube = new CubePan(false, '/tours/art/iGuideCubeTriOverlay_IDX.png');
		} else {
			//var cube = new CubePan(true,'/tours/media/fusion/1182.png?userid=189918&dpi=72&overwrite=false');
		}

		function sceneButtonNext(e) {
			nope(e);
			var s = $.inArray(fullsceneimage, oSceneList) + 1;
			if (s < oSceneList.length) {
				sceneClick(oSceneList[s]);
			}
		}

		function sceneButtonPrev(e) {
			nope(e);
			var s = $.inArray(fullsceneimage, oSceneList) - 1;
			if (s > -1) {
				sceneClick(oSceneList[s]);
			}
		}

		function showImage(that) {
			if (!hideImages) {
				$(that).show();
				$('.scenefulldiv').removeClass('isLoading');
			}
			else {
				//Do nothing for now
			}
		}

		// triggered after each item is loaded
		function onProgressScene(imgLoad, image) {
			// change class if the image is loaded or broken
			var item = $(image.img).parent();
			//logger.trace(">> OnProgressBG>>> image: " + JSON.stringify(image));
			if (image.isLoaded) {
				item.removeClass('isLoading');
			}
		}

		//Finish clause for the images
		function onAlwaysScene(instance) {
			if (!hideImages) {
				$.each(instance.images, function (i, val) {
					var vi = $(val.img);
					//the description icon needs to hide/show by it's own rules
					if (!vi.hasClass('scenedescriptionicon') && !vi.hasClass('scenedescriptionminimize')) {
						vi.show();
                        $('.scenefulldiv').removeClass('isLoading');
                        console.log(">>> val.sceneID: " + val.sceneID);
						logHit(val.sceneID);
					}
				});
			}
			else {
				//Do nothing for now
			}
			return $.Deferred().resolve(instance);
		}
 
		var showSceneDescription = false;
        function sceneClick(i) {

            if ($.inArray(i, oSceneList) == -1) { $(oSceneList).each(function (ii, o) { if ($(i).attr('tf-scene') == $(o).attr('tf-scene')) { i = o; } }); }
            //console.log(">>> sceneid: " + sceneid + ", $(full).attr('tf-scene'): " + $(full).attr('tf-scene')+", $(i).attr('tf-scene'): "+$(i).attr('tf-scene'));
			var sceneid = $(i).attr('tf-scene');
			var imgs = document.getElementById('scenefullimgs');
            var full = document.getElementById('scenefullimg');
            //console.log(">>> full: " + full);
			var full2 = document.getElementById('scenefullimg2');
			var desc = $(i).attr('tf-desc');
			var name = $(i).attr('alt');
			//always hide the description field, only show it if clicked on
			//$('.scenefulldescription').css({opacity:0}).hide();
			//do not show this feature on mobile
				$('.scenefull-tf-desc').html(desc);
                $('.scenefull-tf-name').html(name);

			var videoid = $(i).attr('tf-video');
			var videoHostID = $(i).attr('tf-videoHost');
			var sVideoHostKey = $(i).attr('tf-videoHostKey');
			var name = $(i).attr('alt');
			var desc = $(i).attr('tf-desc');
			var imgWidth = $(i).attr('tf-width');
			var imgHeight = $(i).attr('tf-height');
            var ipt = $(i).attr('tf-phototype');
            var windowWidth = $(window).width();
            var windowHeight = $(window).height();

            //Needs to be a timeout so the html of the description can render first
            if (ipt==1 && ((desc && desc.length > 0) || (name && name.length > 0))) {
                sceneDescriptionSetVisible(true);
            } else {
                sceneDescriptionSetVisible(false);
            }


			//var isPan = (ipt == 2 || ipt == 3);
			var is360 = (ipt == 3);

            var size = getSceneSizing(imgWidth, imgHeight, ipt);
			//Incase the image coming in is not loaded, used in cube dev
			var imageLoaded = true;
			videomute = ($(i).attr('tf-mute') == '1');
			// first time?
            console.log(">>>fullsceneimage: " + $(fullsceneimage).attr('tf-scene'));
            console.log(">>>i: " + $(i).attr('tf-scene'));
			if (fullsceneimage == null) {
				$('.sceneview').stop(true, false).show().animate({ opacity: 1 }, 0);
				$(window).bind('mousewheel DOMMouseScroll', sceneMouseWheel);
            }

            //Set size of images
            if(mobile){
                //Might need to develop a way to only bind if its not bound
                var bound = false;
                //TODO error when no events
                try {
                    var bound = false;
                    $.each($.data($("#scenefulldiv")[0], "events"), function (i, event) {
                        // i is the event type, like "click"
                        if (i == "touchstart") {
                            bound = true
                        }
                    });
                    if (!bound) {
                        $('.scenefulldiv').bind('touchstart', sceneTouchStart).bind('touchmove', sceneTouchMove).bind('touchend', sceneTouchEnd);
                    }
                }
                catch (err) {
                    //really the only error we could get is if there are no events, so lets add them
                    $('.scenefulldiv').bind('touchstart', sceneTouchStart).bind('touchmove', sceneTouchMove).bind('touchend', sceneTouchEnd);
                }
            }
            // panorama calcs
            if (fullsceneimage != i) {
                /*if (isPan) {
                    var b = panorama.backwards;
                    panorama = {
                        pan: true, left: 0, top: 0,
                        width: windowWidth /2,
                        height: 0,
                        fw: size.width,
                        fh: size.height,
                        pw: (size.height * (imgWidth / imgHeight)),
                        ph: size.height,
                        x: 1, y: 0,
                        img: full, img2: full2, imgs: $('.scenefullimgs'),
                        over: false, is360: is360, 
                        touching: true, loading: true
                    };
                    if (b) { panorama.left = panorama.width; panorama.x = -1; }
                    console.log(">>> pan.width: " + panorama.width + ", pan.height: " + panorama.height + ", pan.fw: " + panorama.fw +
                        ", pan.fh: " + panorama.fh + ", pan.pw: " + panorama.pw + ", pan.ph: " + panorama.ph);
                }
                else {
                    panorama = { pan: false };
                }*/
            }
			// change of images?
            if (i != fullsceneimage) {
				sceneOffsetX = 0;
				sceneOffsetY = 0;
				sceneZoom = 1;
				$(full).hide();
				$(full2).hide();
				var s = $.inArray(i, oSceneList);
				if (s == 0) { $('.sceneviewleft').hide(); } else { $('.sceneviewleft').show(); }
				if (s == oSceneList.length - 1) { $('.sceneviewright').hide(); } else { $('.sceneviewright').show(); }
			}
			/*else if (ipt != 5) {
				var mz = ((imgHeight * 8) / sceneHeight);
				if (sceneZoom < 1) { sceneZoom = 1; }
				if (sceneZoom > mz) { sceneZoom = mz; }
				sceneWidth = sceneWidth * sceneZoom;
				sceneHeight = sceneHeight * sceneZoom;
			}*/
			if (ipt != 5) {
				// get image size
                var tres = getPhotoSize();
                var tsrc = 'media/scene/' + tres + '/' + sceneid + '.jpg';
			}

			// set object positions
			if (ipt != 5) {
                if (mobile) {
                    if (windowWidth > size.width) {
                        if (sceneTouchCount == 0) { sceneOffsetX = 0; } else if (sceneTouchCount == 1) { sceneTouch1.ex = sceneOffsetX; }
                    }
                    else {
                        if (Math.abs(sceneOffsetX) > ((size.width - windowWidth) * 0.5)) { sceneTouch1.ex = (Math.abs(sceneOffsetX) - ((size.width - windowWidth) * 0.5)) * Math.sign(sceneOffsetX); } else { sceneTouch1.ex = 0; }
                    }
                }
                else if (ipt == 3) {
                    if (sceneOffsetX > 0) { sceneOffsetX -= size.width; } else if (sceneOffsetX < -size.width) { sceneOffsetX += size.width; }
                }
                else {
                    if (windowWidth > size.width) {
                        //console.log(">>> ww > sceneWidth <<<<");
                        sceneOffsetX = 0;
                    } else if (Math.abs(sceneOffsetX) > ((size.width - windowWidth) * 0.5)) {
                        //console.log(">>>> Math.abs(sceneOffsetX) > ((sceneWidth - ww) * 0.5) <<<<");
                        sceneOffsetX = ((size.width - windowWidth) * 0.5) * Math.sign(sceneOffsetX);
                    } else {
                        //console.log(">>>> else <<<<");
                    }
                }
                if (windowHeight > size.height) { sceneOffsetY = 0; } else if (Math.abs(sceneOffsetY) > ((size.height - windowHeight) * 0.5)) { sceneOffsetY = ((size.height - windowHeight) * 0.5) * Math.sign(sceneOffsetY); }
                var sl = ((windowWidth - size.width) * 0.5) + sceneOffsetX;
                var st = ((windowHeight - size.height) * 0.5) + sceneOffsetY;
                $(imgs).css({ left: (sl >= 0 ? sl : 0), top: (st >= 0 ? st : 0), height: size.height, width: size.width });
                $(full).css({ width: size.width, height: size.height });
                $('.scenefulldiv').addClass('isLoading');
                //THis could be where the issue is
				$(full).attr('tf-scene', $(i).attr('tf-scene'));
				hideImages = false;
				imageLoaded = false;
				$(full).imagesLoaded().progress(onProgressScene).always(onAlwaysScene).then(function () {
					var ipt = $(i).attr('tf-phototype');
                    if (ipt == 6) {
						//loadCube(cube, "cubePan", full, windowWidth, windowHeight);
                    }
                    if (ipt == 7) {
                        console.log(">>> ipt==7");
                        toggleAllSceneViewers("sphereContainer");
                        //Check size:
                        var sizes = { imgWidth: imgWidth, imgHeight: imgHeight, viewportWidth: size.width, viewportHeight: size.height };
                        size.height = (windowWidth * (imgHeight / imgWidth)) * .95;
                        $("#sphereContainer").css({ left: sl, top: st, height: Math.round(size.height), width: Math.round(size.width) });

                        var sphere = setupSphere("sphereViewer", sizes, tsrc,name);
                        //sphere.caption = name;

                        if (mobile) {
                            $('.scenefulldiv').unbind('touchstart', sceneTouchStart).unbind('touchmove', sceneTouchMove).unbind('touchend', sceneTouchEnd);
                        }
                    }
                    if (ipt == 2) {
                        panorama.loading = false;
                    }
                });
                //console.log(">>> set full.src");
				full.src = tsrc;
				if (ipt == 3) {
                    $(full2).css({ width: size.width, height: size.height, left: size.width });
					if (full2.src != tsrc) { full2.src = tsrc; }
                }
			}
			else {
                if (oVideoPlayer) {
                    console.log(">>> oVideoPlayer exsists <<<");
                    $(oVideoPlayer).jPlayer({ size: { width: size.width + 'px', height: size.height + 'px' } });
                    sceneTouch1.ex = (Math.abs(sceneOffsetX) - ((size.width - windowWidth) * 0.5)) * Math.sign(sceneOffsetX);
                    $('.scenefullvidCont').css({ left: (windowWidth - size.width) * 0.5, top: (windowHeight - size.height) * 0.5 }).width(size.width).height(size.height);
                    console.log(">>>width: " + size.width + ", height: " + size.height);
				}

			}

			// check for video to kick off
			if (i != fullsceneimage) {
                if (videoHostID && !mobile) {
                    var exsist = $("#scenefullVimeoVideo_" + sVideoHostKey).length;
                    if (exsist == 0) {
                        $('#scenefullVimeoVideoCont').append( $('<div id="scenefullVimeoVideo_' + sVideoHostKey + '" style="position:absolute;" class="scenefullVimeoVideo"></div>'));
                    }
                    toggleAllSceneViewers("scenefullVimeoVideoCont");
                    $('#scenefullVimeoVideoCont').width(size.width).height(size.height).css({ left: (windowWidth - size.width) * 0.5, top: (windowHeight - size.height) * 0.5 });
                    $('#scenefullVimeoVideo_' + sVideoHostKey).width(size.width).height(size.height).show();
					$('#scenefullVimeoVideo_' + sVideoHostKey );
					var options = {
						id: sVideoHostKey,
						loop: true,
                        byline: false,
                        muted:tfDevice.browser.chrome,
						portrait: false,
						title: false,
                        width: Math.round(size.width),
                        height: Math.round(size.height)
					};
					vimeoPlayer = new Vimeo.Player('scenefullVimeoVideo_' + sVideoHostKey, options);
					if (videomute) { vimeoPlayer.setVolume(0); }
					clipmusic = musicplaying;
					if (clipmusic) { musicToggle(); }
					vimeoPlayer.play();

                    if (null != oVideoPlayer) { $(oVideoPlayer).jPlayer('pause'); }
                    videoplaying = false;
				}
                else if (videoid) {
					var vidsrc = mediaurl + '/video/' + videofolder + '/' + videoid + '.mp4';
					if (oVideoPlayer == null) {
                        oVideoPlayer = $('.scenefullvid')[0];
                        $('.scenefullvidCont').css({ left: (windowWidth - size.width) * 0.5, top: (windowHeight - size.height) * 0.5 }).width(size.width).height(size.height);
                        console.log(">>>width: " + size.width + ", height: " + size.height);
						$(oVideoPlayer).jPlayer({
							ready: function () { $(this).jPlayer('setMedia', { m4v: vidsrc, poster: tsrc }).jPlayer('play', 0).show(); videoplaying = true; },
							preload: (!mobile ? 'auto' : 'metadata'),
							flashreset: function () { $(oVideoPlayer).jPlayer('play', 0); videoplaying = true; },
							//muted: videomute || videomuted,
                            muted: true,
                            size: { width: size.width + 'px', height: size.height + 'px' },
							swfPath: '/tours/inc',
							supplied: 'm4v',
							solution: 'html,flash',
							wmode: 'transparent',
							ended: function () {
								log('topvideo ended');
								videoHide(oVideoPlayer);
							},
							pause: function () { log('video paused'); },
							loadstart: function () { log('video loadstart'); },
							stalled: function () { log('video stalled'); },
							loadeddata: function () { log('video loadeddata'); },
							canplaythrough: function () { log('video canplaythrough'); },
							seeking: function () { log('video seeking'); },
							seeked: function () { log('video seeked'); },
							error: function (event) { log('error: ' + event.jPlayer.error.type + ' ... ' + event.jPlayer.error.message); },
							playing: function () { log('jplayer playing video'); },
							play: function () { log('video.play event'); }
						});
						var lastToggle;
						var videoTouchOrClick = function (e) {
							//IE will fire a pointerdown event AND a click in rapid succession if you click with the mouse (since we bound both events), we need to ignore the second one
							//logger.trace('videoTouchOrClick: ' + e.type);
							if (e) {
								var ts = e.timeStamp;
								if (lastToggle && ((ts - lastToggle) < 100)) {
									logger.trace('ignoring secondary videoclick');
									return;
								}
								lastToggle = e.timeStamp;
							}
							//videoplaying = !videoplaying;
							//$(this).jPlayer(videoplaying ? 'play' : 'pause');
							//$('.scenefullvidcontrols .play img').css('top', (videoplaying ? 0 : -videocontrolssize));
							sceneToggleVideoPlay();
							e.preventDefault();
							//e.stopPropagation();
						};
						wiring($(oVideoPlayer).jPlayer(), videoTouchOrClick).onMouseDown().onTouchStart().onMouseMove(sceneVideoMove);
                        sceneVideoUpdate();
                        toggleAllSceneViewers("scenefullvidCont");
						wiring($('.scenefullvidcontrols').show().css('cursor', 'pointer')).onMouseMove(sceneVideoControlMove).onMouseUp(sceneVideoControlRelease).onMouseOut(sceneVideoControlRelease);
						wiring($('.scenefullvidcontrols'), sceneVideoControlClick).onTouchStart().onMouseDown();
					}
                    else {
                        //console.log(">>> scenefullvidCont width: " + $('.scenefullvidcontrols').width());
						$(oVideoPlayer).jPlayer('setMedia', { m4v: vidsrc, poster: tsrc }).jPlayer('play').jPlayer('mute', videomute || videomuted);
                        $('.scenefullvidcontrols').show();
                        toggleAllSceneViewers("scenefullvidCont");
                        videoplaying = true;
                        //console.log(">>> scenefullvidCont2 width: " + $('.scenefullvidcontrols').width());
					}
					$('.scenefullvidcontrols .timetext').css('right', Math.round(windowWidth * 0.007) + (videomute ? 0 : videocontrolssize));
					if (!videomute) {
						clipmusic = musicplaying;
						if (clipmusic) { musicToggle(); }
						$('.scenefullvidcontrols .mute').show();
					}
					else {
						if (clipmusic) { musicToggle(); clipmusic = false; }
						$('.scenefullvidcontrols .mute').hide();
					}

					vimeoStop();
					hideImages = true;
				}
                else {
                    //console.log(">>> video hide <<<");
                    if (null != oVideoPlayer) {
                        $(oVideoPlayer).jPlayer('pause');//.css('left', -9999);
                        $('.scenefullvidCont').hide();
                    }
					videoplaying = false;
                    if (clipmusic) {
                        musicToggle(); clipmusic = false;
                    }
					$('.scenefullvidCont').hide();
					vimeoStop();
					//$('.sceneviewsocial').stop(true, false).animate({ bottom: 0 }, 200 * speed);
                    toggleAllSceneViewers("scenefullimgs");
					
				}
			}
			else {
				hideImages = false;
			}
			// finish up
			logHit(sceneid, true);
            fullsceneimage = i;

            //Test timing
            resizeOverTime(imgWidth, imgHeight, ipt);

            if (nIsVideo) {
                //pause BGvid
                bigbgphoto_videostop();
            }

        }

        //Hides all the sceneViewers EXCEPT the one passed in
        function toggleAllSceneViewers(contID) {
            $(".sceneViewer").each(function (val) {
                console.log(">> contID: " + contID + ", thisID: " + $(this).attr('id'));
                if (contID != $(this).attr('id')) {
                    $(this).hide();
                } else {
                    $(this).show();
                    if ($(".inactiveHeader").length) {
                        $("div.headerCont.inactive").hide();
                    }
                }
            });
            if (mobile) {
                $('.agentFooter').hide(); //We do this for special reason with mobile
            }
        }

        //Added logic for sizing of description
        function sceneDescriptionSetVisible(show,sceneHeight) {
			if (show) {
				$('.scenefulldescription').show();
			} else {
				$('.scenefulldescription').hide();
			}
		};

		function sceneClose(event) {
			$('.sceneview').stop(true, false).animate({ opacity: 0 }, 600 * speed, function () {
                $(this).hide();
                //We should probably just hide everything... not taking the above out just yet though
                toggleAllSceneViewers();
                if (mobile) {
                    $('.agentFooter').show();
                    //we want to re-bind these incase they were unbinded by the sphere controller
                    $('.scenefulldiv').bind('touchstart', sceneTouchStart).bind('touchmove', sceneTouchMove).bind('touchend', sceneTouchEnd);
                }
				$(document).unbind('touchstart');
				$(window).unbind('mousewheel DOMMouseScroll', sceneMouseWheel);
			});
			if (oVideoPlayer) { $(oVideoPlayer).jPlayer('pause'); videoplaying = false; }
            if (vimeoPlayer) { $('.scenefullVimeoVideo').hide(); $('#scenefullVimeoVideoCont').hide(); vimeoPlayer.pause(); }
			if (clipmusic) { musicToggle(); clipmusic = false; }
			fullsceneimage = null;
			document.getElementById('scenefullimg').src = '/art/pixel.gif';

            if (nIsVideo) {
                //Start BG vid if it exsists.
                bigbgphoto_videoplay();
            }
            //set src of external to nothing.
            $('#externalVideo').attr('src', '');
            if ($(".inactiveHeader").length) {
                $("div.headerCont.inactive").show();
            }
		}

		function sceneMouseWheel(e) {
			sceneZoom = sceneZoom * (e.originalEvent.wheelDelta > 1 ? 1.1 : (1 / 1.1));
            if (fullsceneimage) { logger.trace(">>> sceneMouseWheel <<<"); hitlog = false; sceneClick(fullsceneimage); hitlog = true;}
			return false;
		}

		function sceneMouseMove(e) {
			var ww = $(window).width();
			var wh = $(window).height();
			var x = e.clientX / ww;
			var y = e.clientY / wh;
			if (x < 0.3) { sceneMoveX = Math.pow(1 - (x / 0.3), 3) * (ww * 0.03) } else if (x > 0.7) { sceneMoveX = Math.pow(1 - ((1 - x) / 0.3), 3) * -(ww * 0.03) } else { sceneMoveX = 0; }
			if (y < 0.3) { sceneMoveY = Math.pow(1 - (y / 0.3), 3) * (wh * 0.03) } else if (y > 0.7) { sceneMoveY = Math.pow(1 - ((1 - y) / 0.3), 3) * -(wh * 0.03) } else { sceneMoveY = 0; }
		}

		function sceneMouseOut(e) {
			sceneMoveX = 0;
			sceneMoveY = 0;
		}

		function scenePanAnim() {
			if (fullsceneimage) {
				if (sceneMoveX != 0 || sceneMoveY != 0) {
					sceneOffsetX += sceneMoveX;
					sceneOffsetY += sceneMoveY;
					sceneClick(fullsceneimage);
				}
			}
			window.setTimeout(scenePanAnim, 20);
		}

		var lastVideoControlClick;
		function sceneVideoControlClick(e) {
			//logger.trace('>>>> sceneVideoControlClick');
			nope(e);
			if (e) {
				var ts = event.timeStamp;
				if (lastVideoControlClick && ((ts - lastVideoControlClick) < 100)) {
					logger.trace('ignoring second video control click');
					return;
				}
				lastVideoControlClick = event.timeStamp;
			}
			videocontrolsclick = true;
			sceneVideoControlMove(e);
		}

		function sceneToggleVideoPlay() {
			//logger.trace('>>>> sceneToggleVideoPlay');
			videoplaying = !videoplaying;
			$(oVideoPlayer).jPlayer(videoplaying ? 'play' : 'pause');
			$('.scenefullvidcontrols .play img').css('top', (videoplaying ? 0 : -videocontrolssize));
		}

		function sceneTouchEnd(e) {
			sceneTouchCount = 0;
			var ww = $(window).width();
			var d = Math.abs(sceneTouch1.x - sceneTouch1.lx);
			var pps = d / ((new Date().getTime()) - sceneTouch1.t);
			var element = $("#scenefullimg");
			//We check the previous zoom level here to make sure they didnt JUST zoom out form full screen while looking at the corner of the image. 
			//Which would trigger the next image instead of staying on the same one. See Issue 43589
			if (tfDevice.getMobileZoomLevel(element) <= 1 && prevZoomRatio <= 1) {
				//logger.trace(">>> sceneTouch1.ex: "+sceneTouch1.ex +", pps: "+pps);
				if (Math.abs(sceneTouch1.ex / ww) > 0.3 || ((sceneTouch1.ex) && (d > 20) && (pps > 0.3))) {
					if (sceneTouch1.ex > 0) { sceneButtonPrev(); } else { console.log(">>>> sceneButtonNext on touch end <<<"); sceneButtonNext(); }
				}
			}
			if (sceneTouch1.ex) {
				sceneOffsetX -= sceneTouch1.ex;
				if (fullsceneimage) {
					sceneClick(fullsceneimage);
				}
			}
			prevZoomRatio = tfDevice.getMobileZoomLevel(element);
			e.preventDefault();
		}

		function sceneTouchMove(e) {
			sceneTouchCount = e.originalEvent.touches.length;
			if (sceneTouchCount == 1) {
				sceneTouch1.lx = e.originalEvent.touches[0].pageX;
				sceneTouch1.ly = e.originalEvent.touches[0].pageY;
				sceneOffsetX = sceneTouch1.ox + (sceneTouch1.lx - sceneTouch1.x);
				sceneOffsetY = sceneTouch1.oy + (sceneTouch1.ly - sceneTouch1.y);
				if (fullsceneimage) {
					sceneClick(fullsceneimage);
				}
			}
			else {
				var d = Math.sqrt(Math.pow(e.originalEvent.touches[0].pageX - e.originalEvent.touches[1].pageX, 2) + Math.pow(e.originalEvent.touches[0].pageY - e.originalEvent.touches[1].pageY, 2));
				sceneZoom = sceneTouch2.z * (d / sceneTouch2.d);
				if (fullsceneimage) { logger.trace("> else>> sceneTouchMove <<<<"); sceneClick(fullsceneimage); }
			}
			e.preventDefault();
		}

		function sceneTouchStart(e) {
			sceneTouchCount = e.originalEvent.touches.length;
			if (sceneTouchCount == 1) {
				sceneTouch1 = { x: e.originalEvent.touches[0].pageX, y: e.originalEvent.touches[0].pageY, ox: sceneOffsetX, oy: sceneOffsetY, t: (new Date().getTime()) };
			}
			else {
				sceneTouch2 = { x0: e.originalEvent.touches[0].pageX, y0: e.originalEvent.touches[0].pageY, x1: e.originalEvent.touches[1].pageX, y1: e.originalEvent.touches[1].pageY, ox: sceneOffsetX, oy: sceneOffsetY, t: (new Date().getTime()), z: sceneZoom };
				sceneTouch2.d = Math.sqrt(Math.pow(sceneTouch2.x0 - sceneTouch2.x1, 2) + Math.pow(sceneTouch2.y0 - sceneTouch2.y1, 2));
			}
			e.preventDefault();
		}

		function sceneVideoControlMove(e) {
			//logger.trace('sceneVideoControlMove');
			if (videocontrolsclick) {
				var s = $(oVideoPlayer).data().jPlayer.status;
				var cw = $('.scenefullvidcontrols').width();
				var l = e.offsetX;
				if (l < videocontrolssize) {
					if (tu.isClick(e)) {
						//videoplaying = !videoplaying;
						//$(oVideoPlayer).jPlayer(videoplaying ? 'play' : 'pause');
						//$('.scenefullvidcontrols .play img').css('top', (videoplaying ? 0 : -videocontrolssize));
						sceneToggleVideoPlay();
						videocontrolsclick = false;
						videocontrolswasplaying = false;
					}
				}
				else if (!videomute && l > (cw - videocontrolssize)) {
					videomuted = !videomuted;
					$(oVideoPlayer).jPlayer('mute', videomuted);
				}
				else {
					if (e.type == clickevent) { videocontrolswasplaying = videoplaying; }
					var p = (l - videocontrolssize) / (cw - (videocontrolssize * (videomute ? 1 : 2)));
					$(oVideoPlayer).jPlayer('pause', p * s.duration);
					videoplaying = false;
				}
			}
			sceneVideoMove();
			e.preventDefault();
		}

		function sceneVideoMove() {
			//logger.trace('sceneVideoMove');
			if (!videocontrolsopen) {
				$('.scenefullvidcontrols').stop(true, false).animate({ opacity: 1 }, 200 * speed);
				//$('.sceneviewsocial').stop(true, false).animate({ bottom: videocontrolssize }, 200 * speed);
				videocontrolsopen = true;
			}
			videoplaymove = (new Date()).getTime();
		}

		function sceneVideoControlRelease(e) {
			logger.trace('sceneVideoControlRelease');
			videocontrolsclick = false;
			if (videocontrolswasplaying) { $(oVideoPlayer).jPlayer('play'); videoplaying = true; }
		}

		function sceneVideoUpdate() {
			var t = (new Date()).getTime();
			if (videocontrolsopen && (t > videoplaymove + 2000)) {
				$('.scenefullvidcontrols').stop(true, false).animate({ opacity: 0 }, 600 * speed);
				//$('.sceneviewsocial').stop(true, false).animate({ bottom: 0 }, 600 * speed);
				videocontrolsopen = false;
			}
			var s = $(oVideoPlayer).data().jPlayer.status;
			if (videoplaying || videocontrolsopen) {
				var r = parseInt(s.duration - s.currentTime);
				var tm = Math.floor(r / 60);
				var ts = r - (tm * 60);
				var p = s.currentPercentAbsolute;
				tbw = $('.scenefullvidcontrols').width() - (videocontrolssize * (videomute ? 1 : 2));
				$('.scenefullvidcontrols .timebar').width(tbw * (p / 100));
				$('.scenefullvidcontrols .timetext').html(tm + ':' + (ts < 10 ? '0' : '') + ts);
			}
			else if (s.duration > 0 && s.duration == s.currentTime) {
				$(oVideoPlayer).jPlayer('pause', 0);
				videoplaying = false;
			}
			$(oVideoPlayer).jPlayer('mute', videomute || videomuted);
			if (videoplaying && !videomuted) {
				$('.scenefullvidcontrols .mute .bar').each(function (i, o) { var r = (0.3 + (Math.random() * 0.3)) * videocontrolssize; $(o).stop(true, false).animate({ height: r }, 200 * speed); });
			}
			window.setTimeout('sceneVideoUpdate()', 200 * speed);
		}

        //Used for external iframe video usage, hack since its not a scene and didnt want to couple it with all the scene viewer nonsense
        function externalVideo(){
            var videoSrc = $('.tourVideo').attr('tf-src');

            var contWidth = $(window).width()*.8;
            var contHeight = ($(window).width()*.8) * .5625;
            $('#externalVideo').attr('src',videoSrc).width(contWidth).height(contHeight);
            $('#cubePanContainer').hide();
			$('.scenefullvidCont').hide();
            $('.agentFooter').hide();
            $('#scenefullVimeoVideoCont').hide();
            $('#externalVideoCont').css({left: ($(window).width() - contWidth) * 0.5, top: ($(window).height() - contHeight) * 0.5 }).show();
            $('.sceneview').stop(true, false).show().animate({ opacity: 1 }, 0);
            //sceneSize();
            //TODO mute tour music?
            clipmusic = musicplaying;
            if (clipmusic) { musicToggle(); }
        }

        function checkOrientation() {
            console.log(">>> checkOrientation <<<");
            if (window.orientation !== previousOrientation) {
                console.log(">>> orientation changed <<<");
                previousOrientation = window.orientation;
                //sceneSize();
            }
            e.preventDefault();
        }
        function resizeScene() {
            if (fullsceneimage) {
                console.log(">>>> resize <<<<");
                sceneClick(fullsceneimage);
            }
            
        }

        $(function () {
            var previousOrientation = window.orientation;
            //wiring($('.blackout')).onTouchStart(sceneClose).onMouseDown(sceneClose);
			wiring($('.sceneclose')).onTouchStart(sceneClose).onMouseDown(sceneClose);
			wiring($('.sceneviewleft'), function (e) {sceneButtonPrev(e); }).onTouchStart().onMouseDown();
			wiring($('.sceneviewright'), function (e) { sceneButtonNext(e); }).onTouchStart().onMouseDown();
			wiring($('.scenedescriptioninfo'), function (e) { sceneDescriptionClick(); }).onMouseDown().onTouchStart();
			wiring($('.scenedescriptionminimize'), function (e) { sceneDescriptionMinimize(); }).onMouseDown().onTouchStart();
			wiring($(''))
			//$('.sceneviewsocial img').animate({ opacity: 0.8 }, 0).mouseover(function () { $(this).stop(true, false).animate({ opacity: 1 }, 200 * speed) }).mouseout(function () { $(this).stop(true, false).animate({ opacity: 0.8 }, 200 * speed) });
			if (mobile) {
                $('.sceneviewsocial a').css('cursor', 'pointer').bind(clickevent, openWin);
                $('.scenefulldiv').bind('touchstart', sceneTouchStart).bind('touchmove', sceneTouchMove).bind('touchend', sceneTouchEnd);
                $('.scenefulldiv').bind('orientationchange', checkOrientation);
			}
            else {
                $('.scenefulldiv').mousemove(panMove).mouseout(panOut);
				$('.sceneviewsocial a').css('cursor', 'pointer').bind(clickevent, nope).click(openWin);
				//$('.sceneviewleft, .sceneviewright').bind('mouseover mouseup', function () { $('img', this).css('left', -$(this).width()); }).mouseout(function () { $('img', this).css('left', 0); });
				$('.scenefulldiv, .sceneviewleft, .sceneviewright').bind('mousemove', sceneMouseMove);
				$(window).bind('blur', sceneMouseOut);
				//scenePanAnim();
			}
			$(window).bind('resize', resizeScene);
		});

    </script>
	
    </div>
    </div>
</body>
</html>
