SWIM WITH ANNIE CREATIVITY & INNOVATION
HOME
PHOTOS
Swim with Annie Levels
ABOUT
Click to set custom HTML
</div> </div> <div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;"> <table class="wsite-multicol-table"> <tbody class="wsite-multicol-tbody"> <tr class="wsite-multicol-tr"> <td class="wsite-multicol-col" style="width:50%; padding:0 15px;"> <div class="wsite-spacer" style="height:50px;"></div> </td> <td class="wsite-multicol-col" style="width:50%; padding:0 15px;"> <div class="wsite-spacer" style="height:50px;"></div> </td> </tr> </tbody> </table> </div></div></div> <div class="paragraph" style="text-align:center;"><font size="2">creativity & innovation in water info@swimwithannie.com 802-922-6700</font></div> <div class="paragraph" style="text-align:center;"><font size="2">creativity & innovation in water annie@swimwithannie.com 802-922-6700</font></div> <div style="text-align:left;"><div style="height:10px;overflow:hidden"></div> <span class="wsite-social wsite-social-default"><a class='first-child wsite-social-item wsite-social-facebook' href='//facebook.com/swimwithannie' target='_blank' alt='Facebook' aria-label='Facebook'><span class='wsite-social-item-inner'></span></a><a class='last-child wsite-social-item wsite-social-instagram' href='//instagram.com/swimwithannie' target='_blank' alt='Instagram' aria-label='Instagram'><span class='wsite-social-item-inner'></span></a></span> <div style="height:10px;overflow:hidden"></div></div> </div> </div> </div> </div> </div> </div> </div> <div class="footer-wrap"> <div class="container"> <div class="footer"><div class='wsite-elements wsite-footer'> <div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;"> <table class="wsite-multicol-table"> <tbody class="wsite-multicol-tbody"> <tr class="wsite-multicol-tr"> <td class="wsite-multicol-col" style="width:50%; padding:0 15px;"> <div style="text-align:right;"><div style="height: 10px; overflow: hidden;"></div> <a class="wsite-button wsite-button-small wsite-button-normal" href="https://www.vpr.org/post/solace-water-swimming-and-aquatics-during-covid-19#stream/0" target="_blank"> <span class="wsite-button-inner">VPR INTERVIEW</span> </a> <div style="height: 10px; overflow: hidden;"></div></div> </td> <td class="wsite-multicol-col" style="width:50%; padding:0 15px;"> <div style="text-align:left;"><div style="height: 10px; overflow: hidden;"></div> <a class="wsite-button wsite-button-small wsite-button-normal" href="https://www.kidsvt.com/vermont/a-conversation-with-swim-instructor-annie-cooper/Content?oid=5336676" target="_blank"> <span class="wsite-button-inner">KidsVT INTERVIEW</span> </a> <div style="height: 10px; overflow: hidden;"></div></div> </td> </tr> </tbody> </table> </div></div></div> <div style="text-align:center;"><div style="height:10px;overflow:hidden"></div> <span class="wsite-social wsite-social-default"><a class='first-child wsite-social-item wsite-social-facebook' href='https://www.facebook.com/SwimwithAnnie/' target='_blank' alt='Facebook' aria-label='Facebook'><span class='wsite-social-item-inner'></span></a><a class='wsite-social-item wsite-social-mail' href='mailto:learntoswim@learntoswimcenter.com' target='_blank' alt='Mail' aria-label='Mail'><span class='wsite-social-item-inner'></span></a><a class='last-child wsite-social-item wsite-social-instagram' href='https://www.instagram.com/swimwithannie/' target='_blank' alt='Instagram' aria-label='Instagram'><span class='wsite-social-item-inner'></span></a></span> <div style="height:0px;overflow:hidden"></div></div></div></div> </div> </div> </div> <div class="nav mobile-nav"> <a class="hamburger" aria-label="Menu" href="#"><span></span></a> <ul class="wsite-menu-default"> <li id="pg731925078807289455" class="wsite-menu-item-wrap"> <a href="/" class="wsite-menu-item" > HOME </a> </li> <li id="pg381576559846908410" class="wsite-menu-item-wrap"> <a href="/photos.html" class="wsite-menu-item" > PHOTOS </a> </li> <li id="pg337260402953966739" class="wsite-menu-item-wrap"> <a href="/swimwithannielevels.html" class="wsite-menu-item" > Swim with Annie Levels </a> </li> <li id="pg158592711318943563" class="wsite-menu-item-wrap"> <a href="/about.html" class="wsite-menu-item" > ABOUT </a> </li> </ul> </div> <script> (function(d) { var config = { kitId: 'nxe1ajf', scriptTimeout: 3000, async: true }, h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s) })(document); </script> <script type="text/javascript" src="/files/theme/plugins.js?1570137717"></script> <script type="text/javascript" src="/files/theme/custom.js?1570137717"></script> <div id="930619069892509131"><div><style type="text/css"> #element-a713c14b-959f-4829-bb26-521281c90d34 #mobileMinimizedTPL { position: fixed; height: 5px; width: 100%; left: 0px; bottom: 0px; } #element-a713c14b-959f-4829-bb26-521281c90d34 #mobileMinimizedTPL .chat-logo-mobile-container { position: fixed; bottom: 0px; height: 35px; width: 35px; text-align: center; border-radius: 6px; left: 9px; background-color: inherit; } #element-a713c14b-959f-4829-bb26-521281c90d34 #mobileMinimizedTPL .chat-logo-mobile-container .chat-logo-mobile { width: 25px; height: 25px; position: relative; bottom: -3px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .dark-scheme { background-color: rgba(54,59,62,0.9); border: 1px solid rgba(54,59,62,0.9); } #element-a713c14b-959f-4829-bb26-521281c90d34 .dark-scheme .header { background-color: #363b3e; } #element-a713c14b-959f-4829-bb26-521281c90d34 .blue-scheme { background-color: rgba(41,144,234,0.9); border: 1px solid rgba(41,144,234,0.9); } #element-a713c14b-959f-4829-bb26-521281c90d34 .blue-scheme .header { background-color: #2990ea; } #element-a713c14b-959f-4829-bb26-521281c90d34 .red-scheme { background-color: rgba(221,103,78,0.9); border: 1px solid rgba(221,103,78,0.9); } #element-a713c14b-959f-4829-bb26-521281c90d34 .red-scheme .header { background-color: #dd674e; } #element-a713c14b-959f-4829-bb26-521281c90d34 .teal-scheme { background-color: rgba(0,172,173,0.9); border: 1px solid rgba(0,172,173,0.9); } #element-a713c14b-959f-4829-bb26-521281c90d34 .teal-scheme .header { background-color: #00acad; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer { font-family: Open Sans; font-weight: 400; position: fixed; bottom: 0px; right: 20px; width: 350px; height: 300px; transition: height 1s, width 1s; border-radius: 3px 3px 0px 0px; border-bottom: none; overflow: hidden; text-align: left; line-height: normal; font-size: initial; color: #606060; z-index: 20; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .header { padding-top: 10px; padding-bottom: 11px; color: #f8f8f8; text-align: center; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .header .icon { position: absolute; top: 3px; width: 25px; height: 38px; text-align: center; cursor: pointer; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .header .icon.minimize-chat { right: 30px; font-size: 30px; line-height: 30px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .header .icon.minimize-chat::before { content: "-"; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .header .icon.end-chat { right: 5px; top: 7px; font-size: 18px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .header .icon.end-chat::before { content: "×"; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .header .mobile-minimize-x { display: none; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .chat-contacting { display: none; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .email-entry-input textarea.message { line-height: 60px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .footer, #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .email-entry-input { display: block; position: absolute; bottom: -80px; width: 350px; height: 80px; background-color: #ffffff; border-top: 1px solid #e5e5e5; transition: bottom 1s; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .footer textarea, #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .email-entry-input textarea { padding-top: 10px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .footer textarea.message, #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .email-entry-input textarea.message { border: 0px; width: 215px; height: 75px; padding-left: 20px; font-size: 16px; font-family: Open Sans; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .footer textarea.message:focus, #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .email-entry-input textarea.message:focus { outline: 0; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .footer .send-message, #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .footer .enter-email, #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .email-entry-input .send-message, #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .email-entry-input .enter-email { width: 80px; height: 40px; float: right; margin-right: 20px; margin-top: 20px; margin-bottom: 20px; font-size: 15px; font-family: Open Sans; color: #2990ea; background-color: white; border: 1px solid rgba(88,96,102,0.5); border-radius: 2px; font-weight: bold; letter-spacing: 0.1px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.minimized { bottom: 0px; right: 20px; width: 230px; height: 40px; cursor: pointer; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.minimized .support-inner { display: none; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.minimized .header .icon { display: none; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .chat-body { position: absolute; width: 100%; top: 41px; height: calc(100% - 120px); overflow-y: scroll; background-color: #f8f8f8; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .chat-body .system-message { padding: 0px 20px 10px 20px; color: #9ba0a3; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .chat-body .error-message { padding: 0px 20px 10px 20px; color: #ff0033; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .chat-body div:first-child { padding-top: 20px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .chat-body .chat-message { padding: 0px 20px 10px 20px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .chat-body .chat-message .message-sender { font-weight: 600; float: left; padding-right: 8px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .chat-body .chat-message .user-sent { color: #2990ea; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .chat-body .chat-message .message-content { width: 250px; color: #3B3131; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.connected .footer { bottom: 0px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.email-entry .email-entry-input { bottom: 0px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.contacting .chat-body { height: 100%; z-index: -10; transition: height 1s; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.contacting .chat-contacting { display: block; width: 100%; height: 260px; text-align: center; float: left; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.contacting .chat-contacting .contacting-message { font-size: 16px; font-weight: 400; margin-top: 20px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.contacting .chat-contacting .loading-dots { position: relative; top: 60px; margin: 0 auto; width: 56px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.contacting .chat-contacting .loading-dot { background-color: #FFFFFF; float: left; height: 8px; margin-left: 8px; width: 8px; -moz-animation-name: dot_flicker; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-border-radius: 10px; -webkit-animation-name: dot_flicker; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-border-radius: 10px; -ms-animation-name: dot_flicker; -ms-animation-duration: 3s; -ms-animation-iteration-count: infinite; -ms-animation-direction: normal; -ms-border-radius: 10px; -o-animation-name: dot_flicker; -o-animation-duration: 3s; -o-animation-iteration-count: infinite; -o-animation-direction: normal; -o-border-radius: 10px; animation-name: dot_flicker; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: normal; border-radius: 4px; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.contacting .chat-contacting .loading-dot.dot-1 { -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.contacting .chat-contacting .loading-dot.dot-2 { -moz-animation-delay: 1.4s; -webkit-animation-delay: 1.4s; -ms-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.contacting .chat-contacting .loading-dot.dot-3 { -moz-animation-delay: 1.8s; -webkit-animation-delay: 1.8s; -ms-animation-delay: 1.8s; -o-animation-delay: 1.8s; animation-delay: 1.8s; } #element-a713c14b-959f-4829-bb26-521281c90d34 .clearfix { overflow: auto; zoom: 1; clear: both; } @media (max-width: 480px) { #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer { bottom: 0px; right: 0px; width: 100%; height: 100%; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer.minimized { right: 0px; width: 100%; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .footer, #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .email-entry-input { width: 100%; } #element-a713c14b-959f-4829-bb26-521281c90d34 .support-chat-outer .header .mobile-minimize-x { display: block; font-size: 33px; width: 75px; position: absolute; left: -4%; bottom: -9%; } } </style><div id="element-a713c14b-959f-4829-bb26-521281c90d34" data-platform-element-id="164540971817949929-0.0.1" class="platform-element-contents"> <link rel="stylesheet" type="text/css" href="//marketplace.editmysite.com/uploads/b/marketplace-elements-164540971817949929-0.0.1/assets/imports.css"> <div class="support-chat-outer minimized" style="display:none;"> <div class="header"> <span class='icon'></span> <span class="title">Live Chat Support with Annie</span> <span class="icon minimize-chat"></span> <span class="icon end-chat"></span> <span class="close"></span> <span class="mobile-minimize-x">×</span> </div> <div class="support-inner"> <div class="support-wrap"> <div class="chat-contents"> <div class="chat-contacting"> <div class="loading-dots"> <div class="loading-dot dot-1"></div> <div class="loading-dot dot-2"></div> <div class="loading-dot dot-3"></div> </div> <div class="contacting-message"> <p>Connecting</p> </div> </div> <div class="chat-body"> </div> <div class="footer"> <textarea type="text" name="message" placeholder=" Type message here" class="message user-message"></textarea> <button class="button send-message">Send</button> <div class="clear"></div> </div> <div class="email-entry-input"> <textarea type="text" name="message" placeholder="Enter e-mail here" class="message user-email"></textarea> <button class="button enter-email">Submit</button> <div class="clear"></div> </div> </div> </div> </div> </div> <div id="mobileMinimizedTPL" class="dark-scheme" style="display:none"> <div class="chat-logo-mobile-container" class="dark-scheme"> <img src="//marketplace.editmysite.com/uploads/b/marketplace-elements-164540971817949929-0.0.1/assets/simplechat_logo.png" class="chat-logo-mobile"> </div> </div> <div id="userMessageTPL" style="display:none"> <div class="chat-message"> <span class="message-sender user-sent">You:</span> <span class="message-content">::content::</span> <div class="clearfix"></div> </div> </div> <div id="agentMessageTPL" style="display:none"> <div class="chat-message"> <span class="message-sender agent-sent">::agent_name::</span> <span class="message-content">::content::</span> <div class="clearfix"></div> </div> </div> <div id="systemMessageTPL" style="display:none"> <div class="system-message">::content::</div> </div> <div id="errorMessageTPL" style="display:none"> <div class="error-message">::content::</div> </div> </div> <div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement930619069892509131() { var requireFunc = window.platformElementRequire || window.require; // Relies on a global require, specific to platform elements requireFunc([ 'w-global', 'underscore', 'jquery', 'backbone', 'util/platform/elements/PlatformElement', 'util/platform/elements/PlatformElementSettings' ], function( _W, _, $, Backbone, PlatformElement, PlatformElementSettings ) { var dependencies = ["\/\/marketplace.editmysite.com\/uploads\/b\/marketplace-elements-164540971817949929-0.0.1\/js\/socket.js"] || []; var platform_element_id = "164540971817949929-0.0.1"; if (typeof _W.loadedPlatformDependencies === 'undefined') { _W.loadedPlatformDependencies = []; } if (typeof _W.platformElements === 'undefined') { _W.platformElements = []; } if (typeof _W.platformElements[platform_element_id] === 'undefined') { _W.platformElements[platform_element_id] = {}; _W.platformElements[platform_element_id].deferredObject = new $.Deferred(); _W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise(); } if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){ _.reduce(dependencies, function(promise, nextScript){ _W.loadedPlatformDependencies.push(nextScript); return promise.then(function(){ return $.getScript(nextScript); }); }, $().promise()).then(function(){ _W.platformElements[platform_element_id].deferredObject.resolve(); }); } if (dependencies.length === 0){ _W.platformElements[platform_element_id].deferredObject.resolve(); } _W.platformElements[platform_element_id].deferredPromise.done(function(){ var _ElementDefinition = PlatformElement.extend({ ws_url: '//ws.simple.chat', api_url: '//api.simple.chat', initialize: function(options){ var view = this; view.page_title = document.title; view.moveElementIfNeeded(); view.third_party_id = view.user_id + "-" + view.site_id; view.simple_chat_cookie = view.getCookie('simple_chat_id'); (view.simple_chat_cookie.length) ? view.fetchChat() : view.pollForAvailability(); view.mql = window.matchMedia("(max-width: 480px)"); view.mql.addListener(view.handleMediaChange.bind(this)); view.handleMediaChange(view.mql); view.updateElementColorScheme(); if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support view.page_hidden = "hidden"; var visibilityChange = "visibilitychange"; } else if (typeof document.mozHidden !== "undefined") { view.page_hidden = "mozHidden"; var visibilityChange = "mozvisibilitychange"; } else if (typeof document.msHidden !== "undefined") { view.page_hidden = "msHidden"; var visibilityChange = "msvisibilitychange"; } else if (typeof document.webkitHidden !== "undefined") { view.page_hidden = "webkitHidden"; var visibilityChange = "webkitvisibilitychange"; } document.addEventListener(visibilityChange, function() { if (!document[view.page_hidden]) { view.updateTitle(); } }, false); }, events: { 'click .minimized .header': 'toggleChatWindow', 'click .minimize-chat': 'toggleChatWindow', 'click .send-message': 'sendMessage', 'click .end-chat': 'clientEndChat', 'keydown .message': 'keyPressEventHandler', 'click .enter-email': 'sendChatRequest', 'click .mobile-minimize-x': 'toggleMobileMinimize', 'click .chat-logo-mobile': 'toggleMobileMinimize' }, default_messages: { agents_unavailable: 'Sorry, no agents are currently available. Try back soon!', agent_inactivity: 'This conversation is being disconnected due to inactivity from the agent.', client_inactivity: 'This conversation is being disconnected due to inactivity.', enter_email: "Please enter your email address below, and we'll contact an agent.", email_error: 'Please enter a valid e-mail address.' }, system_messages: { 'agent-connected': 'You are now connected with an agent.' }, default_timeout_lengths: { agent_initial_response: 60000 * 5, agent_inactivity: 60000 * 10, client_inactivity: 60000 * 10 }, color_schemes: [ 'dark-scheme', 'blue-scheme', 'red-scheme', 'teal-scheme' ], displayed: false, is_minimized: function(){ return this.$el.find('.support-chat-outer').hasClass('minimized'); }, is_connected: function(){ return this.$el.find('.support-chat-outer').hasClass('connected'); }, is_disconnected: function(){ return this.$el.find('.support-chat-outer').hasClass('disconnected'); }, is_contacting: function(){ return this.$el.find('.support-chat-outer').hasClass('contacting'); }, is_contacting_or_connected: function(){ return this.is_contacting() || this.is_connected(); }, is_mobile_minimized: function(){ return this.$el.find('#mobileMinimizedTPL').is(':visible'); }, toggleMobileMinimize: function(e){ e.stopPropagation(); if (this.is_mobile_minimized()){ this.$el.find('#mobileMinimizedTPL').fadeOut(); this.$el.find('.support-chat-outer').fadeIn(); } else { this.$el.find('.support-chat-outer').fadeOut(); this.$el.find('#mobileMinimizedTPL').fadeIn(); } }, moveElementIfNeeded: function(){ if (!this.$el.is(':visible')) { this.$el.prependTo('body'); } }, scrollToBottom: function(){ var view = this; this.$el.find('.chat-body').scrollTop(this.$el.find('.chat-body')[0].scrollHeight); if (view.is_minimized()) { view.toggleChatWindow(); } }, updateElementColorScheme: function(){ var color_scheme = this.settings.get('color_scheme'); var old_classes = this.color_schemes; old_classes.splice(old_classes.indexOf(color_scheme), 1); this.$el.find('.support-chat-outer').switchClass(old_classes.join(" "), color_scheme); this.$el.find('#mobileMinimizedTPL').switchClass(old_classes.join(" "), color_scheme); }, pollForAvailability: function(){ var view = this; setInterval(function(){ if (view.is_minimized() && !view.is_connected()) { view.displayChat(); } }, 5000); }, toggleChatWindow: function() { var view = this; if (view.is_minimized() && !view.is_contacting_or_connected()){ view.initializeChat(); if (!view.initialized) { view.initialized = true; view.showSystemMessage(view.default_messages.enter_email); } } else if (view.is_minimized() && view.is_contacting_or_connected()){ view.$el.find('.support-chat-outer').removeClass('minimized'); view.scrollToBottom(); } else if (!view.is_minimized()){ view.$el.find('.support-chat-outer').addClass('minimized'); } view.handleMediaChange(view.mql); }, initializeChat: function() { var view = this; var $outer = view.$el.find('.support-chat-outer'); $outer.removeClass('minimized').addClass('email-entry'); }, availableAgent: function() { var view = this; return $.ajax({ url: view.api_url+'/users/available', type: 'GET', data: { user_id: view.user_id, site_id: view.site_id } }); }, displayChat: function() { var view = this; this.availableAgent().done(function(response){ if (response.available === true){ if (!view.displayed){ view.showChat(); } } else { if (view.displayed) { view.hideChat(); } } }); }, showChat: function() { this.$el.find('.support-chat-outer').show(); this.displayed = true; }, hideChat: function() { this.$el.find('.support-chat-outer').hide(); this.displayed = false; }, sendChatRequest: function(){ var view = this; var email = view.$el.find('.user-email').val().trim(); if (view.validateEmail(email)){ var $outer = view.$el.find('.support-chat-outer'); $outer.removeClass('email-entry').addClass('contacting'); view.handleMediaChange(view.mql); view.emptyChatBody(); if (!view.is_connected()){ $.ajax({ url: view.api_url + "/chats", type: "POST", data: { third_party_id: view.third_party_id, third_party_type: 'weebly', client_name: email } }).done(function(response){ if (response.id) { view.chatSetup(response.id); view.setCookie('simple_chat_id', view.chat_id, 1); } }); } } else { view.showErrorMessage(view.default_messages.email_error); } }, // taken from http://stackoverflow.com/questions/46155/validate-email-address-in-javascript validateEmail: function(email){ var re = /^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i; return re.test(email); }, fetchChat: function(){ var view = this; $.ajax({ url: view.api_url + "/chats/" + view.simple_chat_cookie, type: "GET" }).done(function(response){ if (response.expired){ view.clearCookie('simple_chat_id'); view.pollForAvailability(); } else { view.chatSetup(response.id); view.updateAgentName(response.users_agent.name); view.showSavedChat(response.status, response.messages); } }); }, showSavedChat: function(status, messages){ var view = this; view.showChat(); if (status === 'pending'){ view.$el.find('.support-chat-outer').removeClass('minimized').addClass('contacting'); } else { view.$el.find('.support-chat-outer').removeClass('minimized').addClass('connected'); for (var i = 0; i < messages.length; i++) { if (messages[i].sender_id === 0 && messages[i].recipient_id === 1){ view.showSystemMessage(view.system_messages[messages[i].body]); } else if (messages[i].sender_id === 1){ view.showUserMessage(messages[i].body); } else if (messages[i].sender_id === 2){ view.showAgentMessage(messages[i].body); } }; } view.startInactivityTimers(); view.handleMediaChange(view.mql); }, emptyChatBody: function(){ this.$el.find('.chat-body').empty(); }, startInitialTimeoutTimer: function(){ var view = this; view.initialTimeout = window.setTimeout(function(){ if (view.is_contacting()){ view.killChat('agent_timed_out'); view.$el.find('.support-chat-outer').removeClass('contacting').addClass('disconnected'); view.showSystemMessage(view.default_messages.agents_unavailable); } }, view.default_timeout_lengths.agent_initial_response); }, startAgentInactivityTimer: function(){ var view = this; view.agentInactivityTimeout = window.setTimeout(function(){ if (view.is_connected()){ view.killChat('agent_timed_out'); view.$el.find('.support-chat-outer').removeClass('connected').addClass('disconnected'); view.showSystemMessage(view.default_messages.agent_inactivity); } }, view.default_timeout_lengths.agent_inactivity); }, startClientInactivityTimer: function(){ var view = this; view.clientInactivityTimeout = window.setTimeout(function(){ if (view.is_connected()){ view.killChat('client_timed_out'); view.$el.find('.support-chat-outer').removeClass('connected').addClass('disconnected'); view.showSystemMessage(view.default_messages.client_inactivity); } }, view.default_timeout_lengths.client_inactivity); }, startInactivityTimers: function(){ this.startAgentInactivityTimer(); this.startClientInactivityTimer(); }, clientEndChat: function(event){ var view = this; if (view.is_contacting_or_connected()){ if(confirm("Are you sure you would like to end chat?")){ view.toggleChatWindow(); view.killChat(); view.chatShutDown(); view.emptyChatBody(); } } else { view.toggleChatWindow(); view.chatShutDown(); view.emptyChatBody(); view.initialized = false; } }, killChat: function(status){ var view = this; status = status || 'client_ended'; $.ajax({ url: view.api_url + "/chats/" + view.chat_id, type: "DELETE", async: false, data: { status: status } }); }, connectToSocket: function(){ var view = this; if (view.chat_id){ view.socket.emit('create-simple-chat-room', view.chat_id); !view.socket_events_initialized && view.initSocketEvents(); } }, initSocketEvents: function(){ var view = this; view.socket_events_initialized = true; view.socket.on('system-message', function(message){ if (message === 'agent-connected') { view.$el.find('.support-chat-outer').removeClass('contacting').addClass('connected'); var agent_name = view.agent_name ? view.agent_name : 'an agent.'; view.showSystemMessage('You are now chatting with '+agent_name+'.'); view.startInactivityTimers(); } else if (message === 'agent-disconnected') { view.chatShutDown(); } else if (message === 'agent-unavailable') { view.$el.find('.support-chat-outer').removeClass('contacting'); view.showSystemMessage(view.default_messages.agents_unavailable); } else { view.showSystemMessage(message); } }); view.socket.on('agent-name', function(agent_name){ view.updateAgentName(agent_name); }) view.socket.on('chat-message', function(message){ view.showAgentMessage(message); view.resetTimeout(view.agentInactivityTimeout, true); }); }, updateAgentName: function(agent_name){ this.agent_name = agent_name || 'Agent'; this.$el.find('.message-sender.agent-sent').html(this.agent_name + ':'); }, chatShutDown: function(){ this.$el.find('.support-chat-outer').removeClass('connected').addClass('disconnected'); this.clearTimeouts(); this.clearCookie('simple_chat_id'); }, chatSetup: function(chat_id){ var view = this; view.socket = io(view.ws_url); view.chat_id = chat_id; view.startInitialTimeoutTimer(); view.connectToSocket(); }, showSystemMessage: function(message){ var view = this; var messageString = view.$el.find('#systemMessageTPL').html(); view.$el.find('.chat-body').append(messageString.replace('::content::', message)); view.scrollToBottom(); view.updateTitle(); }, showErrorMessage: function(message){ var view = this; var messageString = view.$el.find('#errorMessageTPL').html(); view.$el.find('.chat-body .error-message').remove(); view.$el.find('.chat-body').append(messageString.replace('::content::', message)); view.scrollToBottom(); }, showAgentMessage: function(message){ var view = this; var messageString = view.$el.find('#agentMessageTPL').html(); view.$el.find('.chat-body').append(messageString.replace('::content::', message)); view.scrollToBottom(); view.updateTitle(); }, showUserMessage: function(message){ var view = this; var messageString = view.$el.find('#userMessageTPL').html(); view.$el.find('.chat-body').append(messageString.replace('::content::', message)); view.scrollToBottom(); }, updateTitle: function() { var view = this; if (document[view.page_hidden]) { document.title = 'SimpleChat Message Received!'; } else { document.title = view.page_title; } }, keyPressEventHandler: function(event){ if(event.keyCode == 13){ event.preventDefault(); (this.is_connected()) ? this.sendMessage() : this.sendChatRequest(); } }, sendMessage: function(){ var view = this; var $message_input = view.$el.find('.user-message'); var message = $message_input.val().trim(); view.resetTimeout(view.clientInactivityTimeout, false); if (message.length > 0){ $.ajax({ url: view.api_url + "/chats/" + view.chat_id + "/messages", type: "POST", data: { body: message } }); $message_input.val(''); view.showUserMessage(message); } }, resetTimeout: function(timeoutId, isAgentTimeout){ window.clearTimeout(timeoutId); (isAgentTimeout) ? this.startAgentInactivityTimer() : this.startClientInactivityTimer(); }, clearTimeouts: function(){ window.clearTimeout(this.initialTimeout) && window.clearTimeout(this.clientInactivityTimeout) && window.clearTimeout(this.agentInactivityTimeout); }, handleMediaChange: function(mediaQueryList){ (mediaQueryList.matches && !this.is_minimized()) ? this.updateWeeblyHeadersZindex(0) : this.updateWeeblyHeadersZindex(''); }, updateWeeblyHeadersZindex: function(val){ // different weebly themes have different headers we need to hide when chatting var weeblyHeaderSelectors = ["#header-wrap", "#navigation"]; for (var i = 0; i < weeblyHeaderSelectors.length; i++) { $(weeblyHeaderSelectors[i]).css('z-index', val); $(weeblyHeaderSelectors[i]).children('*').css('z-index', val); }; }, // http://www.w3schools.com/js/js_cookies.asp setCookie: function(cname, cvalue, exdays){ var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+d.toUTCString(); document.cookie = cname + "=" + cvalue + "; " + expires; }, clearCookie: function(cname){ this.setCookie(cname, '', -1); }, getCookie: function(cname){ var name = cname + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1); if (c.indexOf(name) == 0) return c.substring(name.length, c.length); } return ""; } }); ; if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') { var _ElementDefinition = PlatformElement.extend({}); } var _Element = _ElementDefinition.extend({ initialize: function() { // we still want to call the initialize function defined by the developer // however, we don't want to call it until placeholders have been replaced this.placeholderInterval = setInterval(function() { // so use setInterval to check for placeholders. if (this.$('.platform-element-child-placeholder').length == 0) { clearInterval(this.placeholderInterval); this.constructor.__super__.initialize.apply(this); } }.bind(this), 100); } }); _Element.prototype.settings = new PlatformElementSettings({"color_scheme":"blue-scheme","header_title":"Live Chat Support with Annie"}); _Element.prototype.settings.page_element_id = "930619069892509131"; _Element.prototype.element_id = "a713c14b-959f-4829-bb26-521281c90d34"; _Element.prototype.user_id = "20432461"; _Element.prototype.site_id = "808944651779319124"; _Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-164540971817949929-0.0.1/assets/"; new _Element({ el: '#element-a713c14b-959f-4829-bb26-521281c90d34' }); }); }); } if (typeof document.documentElement.appReady == 'undefined') { document.documentElement.appReady = 0; } if (document.documentElement.appReady || (window.inEditor && window.inEditor())) { setupElement930619069892509131(); } else if (document.createEvent && document.addEventListener) { document.addEventListener('appReady', setupElement930619069892509131, false); } else { document.documentElement.attachEvent('onpropertychange', function(event){ if (event.propertyName == 'appReady') { setupElement930619069892509131(); } }); } </script></div></div> <div id="customer-accounts-app"></div> <script src="//cdn2.editmysite.com/js/site/main-customer-accounts-site.js?buildTime=1610400451"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-7870337-1']); _gaq.push(['_setDomainName', 'none']); _gaq.push(['_setAllowLinker', true]); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); _W.Analytics = _W.Analytics || {'trackers': {}}; _W.Analytics.trackers.wGA = '_gaq'; </script> <script type="text/javascript" async=1> ;(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[]; p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments) };p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[0];n.async=1; n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,'script','//cdn2.editmysite.com/js/wsnbn/snowday262.js','snowday')); var r = [99, 104, 101, 99, 107, 111, 117, 116, 46, 40, 119, 101, 101, 98, 108, 121, 124, 101, 100, 105, 116, 109, 121, 115, 105, 116, 101, 41, 46, 99, 111, 109]; var snPlObR = function(arr) { var s = ''; for (var i = 0 ; i < arr.length ; i++){ s = s + String.fromCharCode(arr[i]); } return s; }; var s = snPlObR(r); var regEx = new RegExp(s); _W.Analytics = _W.Analytics || {'trackers': {}}; _W.Analytics.trackers.wSP = 'snowday'; _W.Analytics.user_id = '20432461'; _W.Analytics.site_id = '808944651779319124'; // Setting do not track if the GDPR cookie is not present. This is then checked by the snowday initializer // to set tracking decisions. https://github.com/snowplow/snowplow-javascript-tracker/blob/2.6.2/src/js/tracker.js#L1509 window.doNotTrack = document.cookie.indexOf('gdpr-kb') === -1 ? 'yes' : null; var drSegmentsTag = document.getElementById('drSegments'); if (drSegmentsTag) { _W.Analytics.spContexts = _W.Analytics.spContexts || []; var segmentData = JSON.parse(drSegmentsTag.innerText); segmentData.forEach(function(test) { _W.Analytics.spContexts.push({ schema: "iglu:com.weebly/context_ab_segment/jsonschema/1-0-0", data: { test_id: test.name, segment: test.variant, } }); }); } (function(app_id, ec_hostname, discover_root_domain) { var track = window[_W.Analytics.trackers.wSP]; if (!track) return; track('newTracker', app_id, ec_hostname, { appId: app_id, post: true, platform: 'web', discoverRootDomain: discover_root_domain, cookieName: '_snow_', contexts: { webPage: true, performanceTiming: true, gaCookies: true }, crossDomainLinker: function (linkElement) { return regEx.test(linkElement.href); }, respectDoNotTrack: document.cookie.indexOf('gdpr-kb') === -1 }); track('trackPageView', _W.Analytics.user_id+':'+_W.Analytics.site_id, _W.Analytics.spContexts); track('crossDomainLinker', function (linkElement) { return regEx.test(linkElement.href); }); })( '_wn', 'ec.editmysite.com', true ); </script> <script> (function(jQuery) { try { if (jQuery) { jQuery('div.blog-social div.fb-like').attr('class', 'blog-social-item blog-fb-like'); var $commentFrame = jQuery('#commentArea iframe'); if ($commentFrame.length > 0) { var frameHeight = jQuery($commentFrame[0].contentWindow.document).height() + 50; $commentFrame.css('min-height', frameHeight + 'px'); } if (jQuery('.product-button').length > 0){ jQuery(document).ready(function(){ jQuery('.product-button').parent().each(function(index, product){ if(jQuery(product).attr('target') == 'paypal'){ if (!jQuery(product).find('> [name="bn"]').length){ jQuery('<input>').attr({ type: 'hidden', name: 'bn', value: 'DragAndDropBuil_SP_EC' }).appendTo(product); } } }); }); } } else { // Prototype $$('div.blog-social div.fb-like').each(function(div) { div.className = 'blog-social-item blog-fb-like'; }); $$('#commentArea iframe').each(function(iframe) { iframe.style.minHeight = '410px'; }); } } catch(ex) {} })(window._W && _W.jQuery); </script> <script> window._W.isEUUser = false; window._W.showCookieToAll = ""; </script> </body> </html>