<!-- include header --><header class="page_main_header"><div class="page_top_support_container" itemscope itemtype="http://schema.org/Organization"><div class="support_container"><a id="button_top_request" class="button_yellow">Request a Demo</a><a href="tel:8666645216" class="support_text">Sales/Support: <span itemprop="telephone">866.664.5216</span></a><a href="tel:8666645216" class="support_text_mobile">866.664.5216</a><div class="support_logo"></div></div></div><div id="main_header_container" class="main_header_container"><a href="/"><div class="main_logo_top"></div></a><div class="social_container"><a class="sb fb" href="https://www.facebook.com/BusinessPromotionWebDesign" target="new"></a><a class="sb twitter" href="https://twitter.com/BPWebDesigners" target="new"></a><a class="sb google" href="https://plus.google.com/112469006153017099468" target="new" rel="publisher"></a><a class="sb youtube" href="https://www.youtube.com/user/BPIVideos" target="new"></a><a class="sb linkedin" href="https://www.linkedin.com/company/business-promotion-inc-" target="new"></a></div><nav id="main_navigation_container" class="main_nav_container"><ul><li><a class="nav_option" href="/">Home</a></li><li><a class="nav_option" href="/services">Services</a></li><li><a class="nav_option" href="/about">About</a></li><li><a class="nav_option" href="/help">Help Desk</a></li><li><a class="nav_option" href="/blog">Blog</a></li><li><a class="nav_option" href="/portfolio">Portfolio</a></li><li><a class="nav_option" href="/reviews">Reviews</a></li><li><a class="nav_option" href="/contact">Contact</a></li></ul></nav></div></header><main class="page_container_panel"><!-- include page --><div class="main_spotlight fadeIn"><div id="spotlight_container"><article class="content_container panel_container" style="visibility:hidden;"><section class="spotlight dark left pullRightIn" style="display:none;"><h1 class="title_text blue">YOUR COMPLETE ONLINE BUSINESS SOLUTION</h1><p class="light">Websites, Online Marketing, Social Media, and Reminder/Retention Systems for any size company and budget.</p><h1 class="title_text blue">CREATIVE, CUSTOM RESPOSIVE WEBSITE DESIGN</h1><p class="light">Our designers work with you to create each individual website from scratch. Your vision, guided by professional designers.</p><h1 class="title_text blue">SEARCH ENGINE OPTIMIZATION PROS</h1><p class="light">Your business needs to stay on top. Our SEO professionals stay on top of the latest techniques to keep you there.</p><h1 class="title_text blue">SOCIALIZE WITH YOUR CUSTOMER BASE</h1><p class="light">Social media is one of the best ways to stay connected with and market to your customer base. Our social media managers help you stay connected.</p></section></article></div></div><section class="main_spotlight_summary_container fadeIn"><div class="panel_container"><a href="#solution"><article class="showcase_container"><img class="showcase_image" src="/images/home/light.svg" alt="Solutions from Business Promotion"><!--[if lt IE 9]><img src="/images/home/light.png" alt="Solutions from Business Promotion"><![endif]--><h2 class="white">Solutions</h2><p class="white">When you choose Business Promotion, that's everything you need to take care of your online business. From website design and email hosting to search marketing and social media, we provide a central location for all of your needs.</p></article></a><a href="#websites"><article class="showcase_container"><img class="showcase_image" src="/images/home/websites.svg" alt="Websites from Business Promotion"><!--[if lt IE 9]><img src="/images/home/website.png" alt="Websites from Business Promotion"><![endif]--><h2 class="white">Websites</h2><p class="white">Your business is unique – make certain that your website matches it! We offer high-quality, custom website design so that your website will look professional and reflect your company's personality, culture, and values.</p></article></a><a href="#seo"><article class="showcase_container"><img class="showcase_image" src="/images/home/search.svg" alt="Search Engine Optimization (SEO) from Business Promotion"><!--[if lt IE 9]><img src="/images/home/search_showcase.png" alt="Search Engine Optimization (SEO) from Business Promotion"><![endif]--><h2 class="white">Search Marketing</h2><p class="white">One of the biggest keys in gaining new clients is reaching them through online search marketing. Our marketing team stays up to date with the latest in search engine optimization so your business will be found.</p></article></a><a href="#social"><article class="showcase_container"><img class="showcase_image" src="/images/home/social.svg" alt="Social Media Management from Business Promotion"><!--[if lt IE 9]><img src="/images/home/social_showcase.png" alt="Social Media Management from Business Promotion"><![endif]--><h2 class="white">Social Media</h2><p class="white">Social media is an increasingly important tool for interacting with your clients, both existing and potential. We provide social media management services that include posting and responding on Facebook, Twitter, Google+, and more.</p></article></a></div></section><section class="featured_container"><article class="featured_panel clear"><div class="featured_hash_link" id="solution"> </div><div class="panel_container"><header><h2 class="dark center">Your Complete Online <br>Business Solution</h2></header><div class="border_container"></div><div id="video" class="image_container video_container"><img src="/images/home/video_thumb_new.png" alt="Web Design Internet Marketing Video"><div class="play"></div></div><div class="text_container"><p class="dark">At Business Promotion, we work hard to make it easy for you to manage your entire online presence. You may have noticed that other companies offer one type of online business management - such as web design, online search marketing, or social media. Business Promotion is different in that we offer all of these services (and more) under one roof. This offers you a simple, streamlined process for taking care of all of your online business needs.</p><div class="button_container"><a href="/services" class="button button_left">Learn More...</a></div></div></div></article><article class="featured_panel responsive_container clear"><div class="featured_hash_link" id="websites"> </div><div id="responsive_portfolio" class="panel_container"><header><h2 class="dark center">Your Full Website On Any Device</h2></header><div class="border_container"></div><div id="portfolio_image_container" class="image_container portfolio_image_container"><img src="/images/home/portfolio_1.png" alt="Responsive Web Design By Business Promotion"><div class="play"></div></div><div class="text_container"><p class="dark">More and more consumers are using mobile devices (smartphones and tablets) to search the internet. If your website does not function properly on these devices, potential clients are more likely to abandon their search and leave your website. Don’t let this happen with your website!<br><br>At Business Promotion, we use what is called responsive design. Google has prescribed this as their recommended website configuration. Put simply, it means that your website will automatically respond to the user’s device by resizing to fit the screen size and resolution of a smartphone, tablet, laptop, or desktop computer. This ensures that clients visiting your website can easily use your site with a minimum of resizing, scrolling, and panning, no matter what device they are using. Responsive design is key to making your website user friendly.</p><div class="button_container"><a href="/services/responsive-website-design" class="button button_right">Learn More...</a><a href="/portfolio" class="button_yellow button_right">View Portfolio</a></div></div></div></article><article class="featured_panel clear"><div class="featured_hash_link" id="seo"> </div><div class="panel_container"><header><h2 class="dark center">Search Marketing (SEO)</h2></header><div class="border_container"></div><div class="image_container seo_container"><img id="seo_laptop" src="/images/home/laptop_seo.png" alt="SEO (Search Engine Optimization)"><img id="seo_magnifier" class="search" src="/images/home/search.png" alt="SEO (magnification) - Businsess Promotion"></div><div class="text_container"><p class="dark">Our search marketing experts at Business Promotion stay up to date with the latest advances and changes in search engine marketing to make certain that your website moves up in rankings. We strive to boost your search engine results on Google, Yahoo!, Bing, and more. We take care of search engine submissions, citation verification, and directory listings, as well as meta keywords and meta description setup. You have 24/7 access to web analytics, and you will work with a dedicated marketing specialist who will make certain that you are gaining the high-quality clients you desire.</p><div class="button_container"><a href="/reviews" class="button_yellow button_left">Read Reviews</a><a href="/services/seo-and-online-marketing" class="button button_left">Learn More...</a></div></div></div></article><article class="featured_panel clear"><div class="featured_hash_link" id="social"> </div><div class="panel_container"><header><h2 class="dark center">Social Media Management</h2></header><div class="border_container"></div><div id="social_animation_container" class="image_container social_container"><img class="mobile_social" src="/images/home/featured_social.png" alt="SEO (Search Engine Optimization)"><div class="desktop_social"><div id="social_mobile_twitter" class="mobile"><div class="bg"></div></div><div id="social_mobile_google" class="mobile"><div class="bg"></div></div><div id="social_mobile_facebook" class="mobile"><div class="bg"></div></div><div id="social_message_container" class="message_container"><div id="social_message_post" class="message"></div><div id="social_message_like" class="message"></div><div id="social_message_response" class="message"></div></div></div></div><div class="text_container"><p class="dark">In today's world, interacting with your clients on social media is essential to keeping your current clients and gaining new ones. We know, however, that maintaining a good presence on multiple social networks can be time consuming.<br><br>At Business Promotion, we provide social media management so you can spend less time worrying about your Facebook posts and more time doing what you do best - serving your clients. Our social media management services include creating, posting, and responding on your social media pages, such as Facebook, Google+, Twitter, and Yelp. You will work with a dedicated social media expert to ensure that your social networks accurately represent your company’s goals and values.</p><div class="button_container"><a href="/services/social-media-management" class="button button_right">Learn More...</a></div></div></div></article></section></main><footer class="page_main_footer"><div class="main_footer_container"><div id="bottom_social_mobile" class="social_media_container"><a class="sb fb" href="https://www.facebook.com/BusinessPromotionWebDesign" target="new"></a><a class="sb twitter" href="https://twitter.com/BPWebDesigners" target="new"></a><a class="sb google" href="https://plus.google.com/112469006153017099468" target="new" rel="publisher"></a><a class="sb youtube" href="https://www.youtube.com/user/BPIVideos" target="new"></a><a class="sb linkedin" href="https://www.linkedin.com/company/business-promotion-inc-" target="new"></a><a id="button_join_me_mobile" class="sb join" target="new"></a></div><div class="col_left"><div class="column logo_container"><div class="row bottom_logo_container"><a href="/"><div class="main_logo_bottom"></div></a></div><div class="row bbb_container"><a target="_blank" href="http://www.bbb.org/utah/business-reviews/web-design/business-promotion-in-american-fork-ut-22235033" title="Business Promotion LLC, Web Design, American Fork, UT"><img src="/images/bbb.png" alt="Business Promotion LLC, Web Design, American Fork, UT" /></a></div><div class="row">© Copyright 2015. All Rights Reserved.</div></div><div class="column services_container"><h3>Services</h3><nav class="bottom_nav_container"><ul><li><a href="/services/complete-online-business-solutions">Complete Online Business Solutions</a></li><li><a href="/services/custom-website-design">Custom Web Design and Branding</a></li><li><a href="/services/seo-and-online-marketing">Internet Marketing & SEO</a></li><li><a href="/services/responsive-website-design">Mobile & Tablet Website Compatibility</a></li><li><a href="/services/social-media-management">Social Media Setup & Management</a></li><li><a href="/services/predesigned-websites">Affordable Pre-Designed Websites</a></li><li><a href="/services/appointment-and-date-reminders">Appointments & Date Reminders</a></li></ul></nav></div><div class="column company_container"><h3>About</h3><nav class="bottom_nav_container"><ul><li><a href="/about/company">Company</a></li><li><a href="/about/careers">Careers</a></li></ul></nav><h3>Help Desk</h3><nav class="bottom_nav_container"><ul><li><a href="/help/domains">Domains</a></li><li><a href="/help/email">Emails</a></li><li><a href="/help/website">My Website</a></li></ul></nav></div></div><div class="col_right"><div id="bottom_social" class="social_media_container"><a class="sb fb" href="https://www.facebook.com/BusinessPromotionWebDesign" target="new"></a><a class="sb twitter" href="https://twitter.com/BPWebDesigners" target="new"></a><a class="sb google" href="https://plus.google.com/112469006153017099468" target="new"></a><a class="sb youtube" href="https://www.youtube.com/user/BPIVideos" target="new"></a><a class="sb linkedin" href="https://www.linkedin.com/company/business-promotion-inc-" target="new"></a><a id="button_join_me" class="sb join" target="new"></a></div><div class="column add_container"><h3>Connect</h3><nav class="bottom_nav_container" itemscope itemtype="http://schema.org/Organization"><ul itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"><li><a itemprop="streetAddress">752 East 1180 South, Suite 100</a></li><li><a><span itemprop="addressLocality">American Fork, UT</span> <span itemprop="postalCode">84003</span></a></li><li><a href="tel:866-664-5216">Phone: <span itemprop="telephone">866-664-5216</span></a></li><li><a>Fax: <span itemprop="faxNumber">866-936-3962</span></a></li><li><a href="/tos">Terms of Service</a></li></ul></nav></div><div class="column footer_blog_container"><h3>Blog</h3><nav class="bottom_nav_container"><ul><li><a href="/blog-post/145/social-media-etiquette">Social Media Etiquette</a></li> <li><a href="/blog-post/144/movie-star-toothbrushes-for-movie-star-smiles">Movie Star Toothbrushes for Movie Star Smiles</a></li> <li><a href="/blog-post/143/how-long-does-it-take-to-rank-on-google">How Long Does It Take to Rank on Google?</a></li> <li><a href="/blog-post/142/facebook-and-blogging-february-week-2">Facebook and Blogging - February (Week 2)</a></li></ul></nav></div></div></div></footer></div><!-- scripts --><script>(function(){"use strict";var base = function(){this.version = '1.5.1';this.params = '';};base.prototype = {constructor: base,parseQueryString: function(){var str = window.location.search;var objURL = {};var regExp = /([^?=&]+)(=([^&]*))?/g;str.replace( regExp,function( $0, $1, $2, $3 ){objURL[ $1 ] = $3;});if(this.isEmpty(objURL) == false){return objURL;}else{return false;}},getParams: function(){return this.parseQueryString();},isEmpty: function(obj){for(var key in obj){if(obj.hasOwnProperty(key)){return false;}return true;}},getById: function(id){if(typeof id !== 'undefined'){return document.getElementById(id);}return false;},getByName: function(name){if(typeof name !== 'undefined'){return document.getElementsByName(name);}return false;},getBySelector: function(selector, single){if(typeof selector !== 'undefined'){if(single && single == true){return document.querySelector(selector);}else{var elements = document.querySelectorAll(selector);if(elements.length == 1){return elements[0];}else{return elements;}}}return false;},css: function(obj, property, value){if(typeof obj === 'object' && typeof property !== 'undefined'){if(typeof value !== 'undefined'){property = this.uncamelCase(property);obj.style[property] = value;return this;}else{property = this.uncamelCase(property);return obj.style[property];}}},removeAttr: function(obj, property){if(typeof obj === 'object'){if(obj.removeAttribute !== 'undefined'){try{obj.removeAttribute(property);}catch(e){}}else{property = this.camelCase(property);obj.property = null;}}return this;},attr: function(obj, property, value){if(typeof obj === 'object'){if(typeof value !== 'undefined'){if(obj.setAttribute !== 'undefined'){obj.setAttribute(property, value);}else{obj[property] = value;}return this;}else{return obj.getAttribute(property);}}},data: function(obj, property, value){var checkPrefix = function(prop){if(typeof prop !== 'undefined'){prop = base.prototype.uncamelCase(prop);if(prop.substring(0, 5) != 'data-'){prop = 'data-' + prop;}}return prop;};var removePrefix = function(prop){if(typeof prop !== 'undefined'){if(prop.substring(0, 5) == 'data-'){prop = prop.substring(5);}}return prop;};if(typeof obj === 'object'){if(typeof value !== 'undefined'){if(obj.dataset !== 'undefined'){property = removePrefix(property);property = this.camelCase(property);obj.dataset[property] = value;}else{property = checkPrefix(property);obj.setAttribute(property, value);}return this;}else{property = checkPrefix(property);return obj.getAttribute(property);}}},show: function(obj){if(typeof obj === 'object'){this.css(obj, 'display', '');}return this;},hide: function(obj){if(typeof obj === 'object'){this.css(obj, 'display', 'none');}return this;},toggle: function(obj){if(typeof obj === 'object'){var mode = this.css(obj, 'display');if(mode != 'none'){this.css(obj, 'display', 'none');}else{this.css(obj, 'display', '');}}return this;},camelCase: function(str){if(typeof str == 'string'){var regExp = /(-|\s|\_)+\w{1}/g;return str.replace(regExp, function(match){return match[1].toUpperCase();});}return false;},uncamelCase: function(str, delimiter){if(typeof str == 'string'){delimiter = delimiter || '-';var regExp = /([A-Z]{1,})/g;return str.replace(regExp, function(match){return delimiter + match.toLowerCase();}).toLowerCase();}return false;},getSize: function(obj){var size = {width: 0,height: 0};if(typeof obj !== 'undefined'){size.width = this.getWidth(obj);size.height = this.getHeight(obj);return size;}else{return false;}},getWidth: function(obj){if(typeof obj === 'object'){return obj.offsetWidth;}else{return false;}},getHeight: function(obj){if(typeof obj === 'object'){return obj.offsetHeight;}else{return false;}},getScrollPosition: function(obj){var position = {left: 0,top: 0};if(typeof obj === 'undefined'){var doc = document.documentElement;position.left = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);position.top = (window.pageYOffset || doc.scrollTop)- (doc.clientTop || 0);return position;}else{if(typeof obj == 'object'){position.left = (obj.scrollLeft) - (obj.clientLeft || 0);position.top = (obj.scrollTop)- (obj.clientTop || 0);return position;}else{return false;}}},getScrollTop: function(obj){var position = this.getScrollPosition(obj);return (position !== false)? position.top : false;},getScrollLeft: function(obj){var position = this.getScrollPosition(obj);return (position !== false)? position.left : false;},getWindowSize: function(){var size = {width: 0,height: 0};var w = window,d = document,e = d.documentElement,g = d.getElementsByTagName('body')[0],x = w.innerWidth || e.clientWidth || g.clientWidth,y = w.innerHeight|| e.clientHeight|| g.clientHeight;size.width = x;size.height = y;return size;},getWindowHeight: function(){var size = this.getWindowSize();return size.height;},getWindowWidth: function(){var size = this.getWindowSize();return size.width;},getDocumentSize: function(){var size = {width: 0,height: 0};var body = document.body,html = document.documentElement;size.height = Math.max( body.scrollHeight, body.offsetHeight,html.clientHeight, html.scrollHeight, html.offsetHeight );size.width = Math.max( body.scrollWidth, body.offsetWidth,html.clientWidth, html.scrollWidth, html.offsetWidth );return size;},getDocumentHeight: function(){var size = this.getDocumentSize();return size.height;},events: {activeEvents: new Array(),createEventObj: function(event, obj, fn, capture, swapped, originalFn){swapped = (typeof swapped !== 'undefined')? swapped : false;var activeEvent = {event: event,obj: obj,fn: fn,capture: capture,swapped: swapped,originalFn: originalFn};return activeEvent;},add: function(event, obj, fn, capture, swapped, data){capture = (typeof capture !== 'undefined')? capture : false;var activeEvent = this.createEventObj(event, obj, fn, capture, swapped, data);this.activeEvents.push(activeEvent);if(typeof obj == 'object'){if (obj.addEventListener){try{obj.addEventListener(event, fn, capture);}catch(error){return error.message;}}else{try{obj.attachEvent("on"+event, fn);}catch(error){return error.message;}}}},remove: function(event, obj, fn, capture){capture = (typeof capture !== 'undefined')? capture : false;var searchEvent = this.getActiveEvent(event, obj, fn, capture);if(searchEvent !== false){var listener = searchEvent;if(typeof listener == 'object'){var object = listener.obj;if (object.removeEventListener){object.removeEventListener(listener.event, listener.fn, capture);}else{object.detachEvent("on" + listener.event, listener.fn);}}var index = base.prototype.inArray(this.activeEvents, searchEvent);if(index >= 0){this.activeEvents.splice(index, 1);}}},getActiveEvent: function(event, obj, fn, capture){var listener = this.createEventObj(event, obj, fn, capture);var searchEvent = this.searchEvent(listener);if(searchEvent !== false){return searchEvent;}else{return false;}},searchEvent: function(eventObj){if(typeof eventObj == 'object'){var searchEvent = this.searchAllEvents(eventObj);if(searchEvent !== false){return searchEvent;}else{var searchSwappedEvent = this.searchAllEvents(eventObj, true);if(searchSwappedEvent !== false){return searchSwappedEvent;}}}return false;},searchAllEvents: function(eventObj, swappedSearch){var events = this.activeEvents;swappedSearch = (typeof swappedSearch !== 'undefined')? swappedSearch : false;if(typeof eventObj == 'object'){if(swappedSearch == true){var swappable = this.isSwappedEventType(eventObj.event);if(swappable == false){return false;}}for(var i = 0; i < events.length; i++){var listener = events[i];if(swappedSearch == false){if(listener.event == eventObj.event && listener.obj == eventObj.obj && listener.fn == eventObj.fn){return listener;break;}}else{if(listener.swapped == true){if(listener.event == eventObj.event && listener.obj == eventObj.obj && listener.originalFn == eventObj.fn){return listener;break;}}}}}return false;},isSwappedEventType: function(event){var swappedEvents = new Array('keydown','keyup','keypress','DOMMouseScroll','mousewheel','mousemove','popstate');var index = base.prototype.inArray(swappedEvents, event);if(index >= 0){return true;}return false;}},addListener: function(event, obj, fn, capture){this.events.add(event, obj, fn, capture);return this;},removeListener: function(event, obj, fn, capture){this.events.remove(event, obj, fn, capture);return this;},onLoad: function(tmpFunction, obj, capture){if(typeof obj === "undefined"){obj = window;}this.events.add('load', obj, tmpFunction, capture);return this;},onClick: function(tmpFunction, obj, capture){if(typeof obj === "undefined"){obj = window;}this.events.add('click', obj, tmpFunction, capture);return this;},onDoubleClick: function(tmpFunction, obj, capture){if(typeof obj === "undefined"){obj = window;}this.events.add('dblclick', obj, tmpFunction, capture);return this;},onMouseOver: function(tmpFunction, obj, capture){if(typeof obj === "undefined"){obj = window;}this.events.add('mouseover', obj, tmpFunction, capture);return this;},onMouseOut: function(tmpFunction, obj, capture){if(typeof obj === "undefined"){obj = window;}this.events.add('mouseout', obj, tmpFunction, capture);return this;},onMouseDown: function(tmpFunction, obj, capture){if(typeof obj === "undefined"){obj = window;}this.events.add('mousedown', obj, tmpFunction, capture);return this;},onMouseUp: function(tmpFunction, obj, capture){if(typeof obj === "undefined"){obj = window;}this.events.add('mouseup', obj, tmpFunction, capture);return this;},onMouseMove: function(tmpFunction, obj, capture){if(typeof obj === "undefined"){obj = window;}this.events.add('mousemove', obj, tmpFunction, capture);return this;},mouse:{position: { x: null, y: null },mode: 'page',updatePositionMode: function(mode){switch(mode){case 'client':this.mode = mode;break;case 'screen':this.mode = mode;break;default:this.mode = 'page';}},enableTracking: function(callBackFn, obj, capture){if(typeof obj === "undefined"){obj = window;}var mouseResults = function(e){e = e || window.event;var position = this.position = base.prototype.getMousePosition(e, base.prototype.mouse.mode);if(typeof callBackFn == 'function'){callBackFn.call(position, e);}};base.prototype.events.add('mousemove', obj, mouseResults, capture, true, callBackFn);},removeTracking: function(callBackFn, obj, capture){if(typeof obj === "undefined"){obj = window;}base.prototype.removeListener('mousemove', obj, callBackFn, capture);}},getMousePosition: function(e, requestMode){var position = { x: 0, y: 0 };e = e || window.event;if(e){if(requestMode == 'client'){position.x = e.clientX || e.pageX;position.y = e.clientY || e.pageY;}else if(requestMode == 'screen'){position.x = e.screenX;position.y = e.screenY;}else{position.x = e.pageX;position.y = e.pageY;}}return position;},onMouseWheel: function(tmpFunction, obj, cancelDefault, capture){if(typeof obj === "undefined"){obj = window;}var self = this;var mouseWeelResults = function(e){var e = window.event || e;var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));if(typeof tmpFunction == 'function'){tmpFunction(delta);}if(typeof cancelDefault !== 'undefined' && cancelDefault == true){self.preventDefault(e);}};if (obj.addEventListener){this.events.add('DOMMouseScroll', obj, mouseWeelResults, capture, true, tmpFunction);}this.events.add('mousewheel', obj, mouseWeelResults, capture, true, tmpFunction);return this;},preventDefault: function(e){e = e || window.event;if(typeof e.preventDefault !== 'undefined'){e.preventDefault();}else{e.returnValue = false;}return this;},stopPropagation: function(e){e = e || window.event;if(e.stopPropagation){e.stopPropagation();}else{e.cancelBubble = true;}return this;},onKeyUp: function(tmpFunction, obj, capture){if(typeof obj === "undefined"){obj = window;}var keyCodeResults = function(e){e = e || window.event;if(typeof tmpFunction == 'function'){tmpFunction(e.keyCode, e);}};this.events.add('keyup', obj, keyCodeResults, capture, true, tmpFunction);return this;},onKeyDown: function(tmpFunction, obj, capture){if(typeof obj === "undefined"){obj = window;}var keyCodeResults = function(e){e = e || window.event;if(typeof tmpFunction == 'function'){tmpFunction(e.keyCode, e);}};this.events.add('keydown', obj, keyCodeResults, capture, true, tmpFunction);return this;},onKeyPress: function(tmpFunction, obj, capture){if(typeof obj === "undefined"){obj = window;}var keyCodeResults = function(e){e = e || window.event;if(typeof tmpFunction == 'function'){tmpFunction(e.keyCode, e);}};this.events.add('keypress', obj, keyCodeResults, capture, true, tmpFunction);return this;},getText: function(object, property, defaultText){return this.getProperty(object, property, defaultText);},getValue: function(object, property, defaultText){return this.getProperty(object, property, defaultText);},getProperty: function(object, property, defaultText){if(typeof object == 'object'){if(object[property]){return object[property];}}if(typeof defaultText !== 'undefined'){return defaultText;}else{return '';}},getPosition: function(object){var position = {x: 0, y: 0};if(typeof object == 'object'){while(object){position.x += (object.offsetLeft + object.clientLeft);position.y += (object.offsetTop + object.clientTop);object = object.offsetParent;}}return position;},position: function(object){var position = {x: 0, y: 0};if(typeof object == 'object'){position.x += (object.offsetLeft - object.scrollLeft + object.clientLeft);position.y += (object.offsetTop - object.scrollTop + object.clientTop);}return position;},addClass: function(object, tmpClassName){if(typeof object === 'object' && typeof tmpClassName != ''){if(typeof object.classList !== 'undefined'){try{object.classList.add(tmpClassName);}catch(e){console.log(e.message);}}else{object.className = object.className + ' ' + tmpClassName;}}return this;},removeClass: function(object, tmpClassName){if(typeof object === 'object' && typeof tmpClassName != ''){if(typeof tmpClassName === 'undefined'){object.className = '';}else{if(typeof object.classList !== 'undefined'){try{object.classList.remove(tmpClassName);}catch(e){console.log(e.message);}}else{var classNames = object.className.split(' ');for(var i = 0; i < classNames.length; i++){if(classNames[i] == tmpClassName){classNames.splice(i,1);}}object.className = classNames.join(' ');}}}return this;},removeClasses: function(object, classNameString){if(typeof object === 'object' && typeof classNameString != ''){if(classNameString){var removing = classNameString.split(' ');for(var i = 0; i < removing.length; i++){this.removeClass(object, removing[i]);}}}return this;},hasClass: function(object, tmpClassName){var check = false;if(typeof object !== 'undefined' && tmpClassName){if(typeof object.classList !== 'undefined'){try{check = object.classList.contains(tmpClassName);}catch(e){console.log(e.message);check = false;}}else{var classNames = object.className.split(' ');for(var i = 0; i < classNames.length; i++){if(classNames[i] == tmpClassName){check = true;break;}}}}return check;},inArray: function(array, element, fromIndex){if(array && typeof array === 'object'){if(Array.prototype.indexOf){try{var index = array.indexOf(element, fromIndex);}catch(e){console.log(array)}return index;}else{var length = (array.length);var start = (!isNaN(fromIndex))? fromIndex : 0;for(var i = start; i < length; i++){if(element === array[i]){return i;}}}}return -1;},extendObject: function(obj, extendingObj){if(typeof obj === 'object' && typeof extendingObj === 'object'){for(var property in obj){if(obj.hasOwnProperty(property) && typeof extendingObj[property] === 'undefined'){extendingObj[property] = obj[property];}}return extendingObj;}return false;},equals: function(option1, option2){var propertyCountAndCompare = function(obj1, obj2){var same = true;var countProperty = function(obj){var count = 0;for(var property in obj){if(obj.hasOwnProperty(property)){count++;if(typeof obj[property] === 'object'){count += countProperty(obj[property]);}}}return count;};var matchProperties = function(obj1, obj2){var matched = true;if(typeof obj1 === 'object' && typeof obj2 === 'object'){for(var property in obj1){if(obj1.hasOwnProperty(property) && obj2.hasOwnProperty(property) && typeof obj1[property] === typeof obj2[property]){if(typeof obj1[property] == 'object'){matched = matchProperties(obj1[property], obj2[property]);if(matched == false){break;}}else{if(obj1[property] !== obj2[property]){matched = false;break;}}}else{matched = false;break;}}}else{matched = false;}return matched;};var option1Count = countProperty(obj1),option2Count = countProperty(obj2);if(option1Count == option2Count){var result = matchProperties(obj1, obj2);if(result == false){same = false;}}else{same = false;}return same;};var same = true;if(typeof option1 === typeof option2){if(typeof option1 === 'object' && typeof option2 === 'object'){var matchResult = propertyCountAndCompare(option1, option2);if(matchResult == false){same = false;}}else{if(option1 !== option2){same = false;}}}else{same = false;}return same;},extendClass: function(tmpClass, addingClass){var classObj = (typeof tmpClass === 'function')? tmpClass.prototype : tmpClass;var addingClassObj = (typeof addingClass === 'function')? addingClass.prototype : addingClass;if(typeof classObj === 'object' && typeof addingClassObj === 'object'){var obj = this.createObject(classObj);for(var prop in addingClassObj){obj[prop] = addingClassObj[prop];}return obj;}return false;},createObject: function(object){if(!Object.create){var obj = function(){};obj.prototype = object;return new obj();}else{return Object.create(object);}},bind: function(obj, method){if(!Function.prototype.bind){return function(){return method.apply(obj, arguments);};}else{return method.bind(obj);}},jsonDecode: function(data){if(typeof data !== "undefined" && data.length > 0){try{return JSON.parse(data);}catch(e){return data;}}return false;},jsonEncode: function(data){if(typeof data !== "undefined"){try{return JSON.stringify(data);}catch(e){return false;}}return false;},xmlParse: function(data){if(typeof data !== "undefined"){var response;if(window.DOMParser){var parser = new DOMParser();response = parser.parseFromString(data,"text/xml");}else{var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");xmlDoc.async = false;response = xmlDoc.loadXML(data);}return response;}else{return false;}}};base.prototype.extend = (function(){return base.prototype})();if(!(window.base)){var bse = new base();window._b = window.base = bse;return window.base;}else{return window.base;}})();(function(){"use strict";var defaultSettings ={url: '',dataType:'json',type: 'POST',headers:{'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'},async: true,crossDomain: false,withCredentials: false,completed: null,failed: null,aborted: null,progress: null};base.extend.xhrSettings =defaultSettings;base.extend.ajaxSettings = function(settingsObj){if(typeof settingsObj == 'object'){base.xhrSettings = base.extendClass(base.xhrSettings, settingsObj);}};base.extend.resetAjaxSettings = function(){base.xhrSettings = defaultSettings;};base.extend.ajax = function(){var self = this;var args = arguments;var request = function(){this.xhr = null;this.settings = null;this.args = args;var ajax = this;this.setup = function(){ajax.getXhrSettings();ajax.xhr = ajax.createXHR();if(ajax.xhr !== false){ajax.xhr.open(ajax.settings.type, ajax.settings.url, ajax.settings.async);ajax.setupHeaders();ajax.addXhrEvents();ajax.xhr.send(ajax.settings.params);return true;}else{return false;}};this.getXhrSettings = function(){var args = ajax.args;var settings = base.createObject(base.xhrSettings);ajax.settings = settings;if(args.length >= 2 && typeof args[0] !== 'object'){for(var i = 0; i < args.length; i++){var arg = args[i];switch(i){case 0:ajax.settings.url = arg;break;case 1:ajax.settings.params = arg;break;case 2:ajax.settings.completed = arg;ajax.settings.failed = arg;break;case 3:ajax.settings.dataType = arg || 'json';break;case 4:ajax.settings.type = (arg)? arg.toUpperCase() : 'POST';break;case 5:ajax.settings.async = (typeof arg !== 'undefined')? arg : true;break;}}}else{ajax.settings = base.extendClass(ajax.settings, args[0]);if(typeof ajax.settings.completed == 'function'){if(typeof ajax.settings.failed != 'function'){ajax.settings.failed = ajax.settings.completed;}if(typeof ajax.settings.aborted != 'function'){ajax.settings.aborted = ajax.settings.failed;}}}};this.createXHR = function(){var xhr;var createXHRObj = function(){var xhr;if(typeof XMLHttpRequest !== "undefined"){xhr = new XMLHttpRequest();}else{try{xhr = new ActiveXObject("Msxml2.XMLHTTP");}catch(e){try{xhr = new ActiveXObject("Microsoft.XMLHTTP");}catch(e){xhr = null;}}}return xhr;};var createCorsXHRObj = function(){var xhr = false;if(typeof XMLHttpRequest !== "undefined" && typeof XDomainRequest == "undefined"){xhr = new XMLHttpRequest();}else if(typeof XDomainRequest != "undefined"){xhr = new XDomainRequest();}if(xhr && ajax.settings.withCredentials == true){try{xhr.withCredentials = true;}catch(e){}}return xhr;};if(ajax.settings && ajax.settings.crossDomain == true){xhr = createCorsXHRObj();}else{xhr = createXHRObj();}if(xhr){return xhr;}else{return false;}};this.setupHeaders = function(){if(ajax.settings && typeof ajax.settings.headers == 'object'){for(var header in ajax.settings.headers){ajax.xhr.setRequestHeader(header, ajax.settings.headers[header]);}}};this.update = function(e, overrideType){e = e || window.event;var getResponseData = function(){var response = ajax.xhr.responseText;if(typeof response == 'string'){switch(ajax.settings.dataType.toLowerCase()){case 'json':var encoded = base.jsonDecode(response);if(encoded !== false){response = encoded;}else{response = response;ajax.error = 'yes';}break;case 'xml':var encoded = base.xmlParse(response);if(encoded !== false){response = encoded;}else{response = response;ajax.error = 'yes';}break;case 'text':break;}}return response;};var type = (overrideType)? overrideType : e.type;if(type == 'load'){if(ajax.settings && typeof ajax.settings.completed == 'function'){var response = getResponseData();ajax.settings.completed(response, ajax.xhr);}}else if(type == 'error'){if(ajax.settings && typeof ajax.settings.failed == 'function'){ajax.settings.failed(false, ajax.xhr);}}else if(type == 'progress'){if(ajax.settings && typeof ajax.settings.progress == 'function'){ajax.settings.progress(e);}}else if(type == 'abort'){if(ajax.settings && typeof ajax.settings.aborted == 'function'){ajax.settings.aborted(false, ajax.xhr);}}};this.checkReadyState = function(e){e = e || window.event;if(ajax.xhr.readyState != 4){return;}if(ajax.xhr.status == 200){var type = 'load';ajax.update(e, type);}else{var type = 'error';ajax.update(e, type);}};this.addXhrEvents = function(){var settings = ajax.settings;if(settings){if(typeof ajax.xhr.onload !== 'undefined'){base.addListener('load', ajax.xhr, base.bind(ajax, ajax.update));base.addListener('error', ajax.xhr, base.bind(ajax, ajax.update));base.addListener('progress', ajax.xhr.upload, base.bind(ajax, ajax.update));base.addListener('abort', ajax.xhr, base.bind(ajax, ajax.update));}else{ajax.xhr.onreadystatechange = function(e){ ajax.checkReadyState(e); };}}};};var ajaxRequest = new request();ajaxRequest.setup();return ajaxRequest.xhr;};})();(function(){"use strict";base.extend.htmlBuilder = function(){};base.htmlBuilder.prototype ={create: function(nodeName, attrObject, container, prepend){var filterProperty = function(prop){switch(prop){case 'class':prop = 'className';break;case 'for':prop = 'htmlFor';break;case 'readonly':prop = 'readOnly';break;case 'maxlength':prop = 'maxLength';break;case 'cellspacing':prop = 'cellSpacing';break;case 'rowspan':prop = 'rowSpan';break;case 'colspan':prop = 'colSpan';break;case 'tabindex':prop = 'tabIndex';break;case 'cellpadding':prop = 'cellPadding';break;case 'usemap':prop = 'useMap';break;case 'frameborder':prop = 'frameBorder';break;case 'contenteditable':prop = 'contentEditable';break;}return prop;};var obj = document.createElement(nodeName);if(typeof attrObject === 'object'){for(var prop in attrObject){var propName = filterProperty(prop);if(prop == 'innerHTML'){obj.innerHTML = attrObject[prop];}else if(prop.substring(0, 5) == 'data-'){base.data(obj, prop, attrObject[prop]);}else{if(typeof attrObject[prop] !== 'undefined' && attrObject[prop] != ''){obj[propName] = attrObject[prop];}}}}try{if(prepend == true){this.prepend(container, obj);}else{this.append(container, obj);}}catch(e){this.error(e, obj);}return obj;},addElement: function(nodeName, id, className, html, container, prepend){var attr = { id: id, 'className': className, innerHTML: html };var obj = this.create(nodeName, attr, container, prepend);return obj;},addButton: function(nodeName, id, className, html, callBackFn, container, prepend){var attr = { id: id, 'className': className, innerHTML: html };if(typeof callBackFn === 'function'){attr.onclick = callBackFn;}var obj = this.create(nodeName, attr, container, prepend);return obj;},addCheckbox: function(id, className, callBackFn, checked, container, stopPropagation){var attr = { id: id, 'className': className, type: 'checkbox' };if(typeof stopPropagation !== 'undefined' && stopPropagation == true){attr.onclick = base.stopPropagation;}if(typeof callBackFn == 'function'){attr.onchange = callBackFn;}if(checked == true){attr.checked = true;}var obj = this.create('input', attr, container);return obj;},addRadio: function(id, name, className, value, tmpFunction, checked, container, stopPropagation){var attr = { id: id, name: name, 'className': className, value: value, type: 'radio' };if(typeof stopPropagation !== 'undefined' && stopPropagation == true){attr.onclick = base.stopPropagation;}if(typeof tmpFunction == 'function'){attr.onchange = tmpFunction;}if(checked == true){attr.checked = true;}var obj = this.create('input', attr, container);return obj;},addInput: function(inputType, id, className, value, callBackFn, placeholder, container, prepend){var attr = { id: id, 'className': className, value: value, type: inputType };attr.onfocus = function(){this.select();};if(typeof callBackFn == 'function'){attr.onkeyup = function(){callBackFn(this.value);};}if(placeholder){attr.placeholder = placeholder;}var obj = this.create('input', attr, container, prepend);return obj;},addTextarea: function(id, className, value, callBackFn, container, prepend){var attr = { id: id, 'className': className, value: value };attr.onfocus = function(){this.select();};if(typeof callBackFn == 'function'){attr.onblur = callBackFn;attr.onkeyup = callBackFn;}var obj = this.create('textarea', attr, container, prepend);return obj;},addSelect: function(id, className, value, callBackFn, container, prepend){var attr = { id: id, 'className': className, value: value };if(typeof callBackFn == 'function'){attr.onchange = function(){callBackFn(this.value);};}var obj = this.create('select', attr, container, prepend);return obj;},setupSelectOptions: function(selectElem, optionArray, defaultValue){if(selectElem !== null){if(typeof selectElem !== 'object'){selectElem = document.getElementById(selectElem);}if(optionArray && optionArray.length){for(var n = 0; n < optionArray.length; n++){selectElem.options[n] = new Option(optionArray[n].label, optionArray[n].value);if(defaultValue !== null){if(selectElem.options[n].value == defaultValue){selectElem.options[n].selected = true;}}}}}},addImage: function(id, className, src, alt, container, prepend){var attr = { id: id, 'className': className };if(typeof alt !== 'undefined'){attr.alt = alt;}if(typeof src !== 'undefined'){attr.src = src;}var obj = this.create('img', attr, container, prepend);return obj;},addIframe: function(id, className, src, container, prepend){var attr = { id: id, 'className': className };if(typeof src !== 'undefined'){attr.src = src;}attr.width = '100%';attr.height = '100%';attr.frameBorder = "0";var obj = this.create('iframe', attr, container, prepend);return obj;},addLink: function(id, className, html, url, container, prepend){var attr = { id: id, 'className': className, innerHTML: html };if(url !== null){attr.href = url;}var obj = this.create('a', attr, container, prepend);return obj;},removeChild: function(child){var container;if(typeof child == 'string'){child = document.getElementById(child);container = child.parentNode;}else{container = child.parentNode;}container.removeChild(child);},removeAll: function(child){var container;if(typeof child == 'string'){child = document.getElementById(child);container = child.parentNode;}else{container = child.parentNode;}while(container.hasChildNodes()){container.removeChild(container.lastChild);}},changeParent: function(child, newParent){var container;if(typeof child == 'string'){child = document.getElementById(child);}if(typeof newParent == 'string'){container = document.getElementById(newParent);}else{container = newParent;}container.appendChild(child);},append: function(parent, child){if(typeof parent === "undefined"){parent = document.body;}else if(typeof parent == 'string'){parent = document.getElementById(parent);}parent.appendChild(child);},prepend: function(parent, child){if(typeof parent === "undefined"){parent = document.body;}else if(typeof parent == 'string'){parent = document.getElementById(parent);}parent.insertBefore(child, parent.firstChild);},clone: function(node, deepCopy){if(typeof node != 'object'){deepCopy = deepCopy || false;return node.cloneNode(deepCopy);}else{return false;}},error: function(error, object){console.log(error.message, object);}};})();(function(){"use strict";base.extend.touch = function(tmpFunction, obj){this.element = (typeof obj !== 'undefined')? obj : document;this.callBackFunction = tmpFunction;this.fingerCount = 0;this.startPosX = 0;this.startPosY = 0;this.posX = 0;this.posY = 0;this.minLength = 72;this.swipeLength = 0;this.swipeAngle = null;this.swipeDirection = null;var self = this;this.add = function(){if('ontouchstart' in document.documentElement){base.addListener("touchstart", self.element, self.touchStart);base.addListener("touchmove", self.element, self.touchMove);base.addListener("touchend", self.element, self.touchEnd);base.addListener("touchcancel", self.element, self.touchCancel);return true;}else{return false;}};this.remove = function(){base.removeListener("touchstart", self.element, self.touchStart);base.removeListener("touchmove", self.element, self.touchMove);base.removeListener("touchend", self.element, self.touchEnd);base.removeListener("touchcancel", self.element, self.touchCancel);};this.touchStart = function(e){base.preventDefault(e);self.fingerCount = e.touches.length;if ( self.fingerCount == 1 ){self.startPosX = e.touches[0].pageX;self.startPosY = e.touches[0].pageY;}else{self.touchCancel(e);}};this.touchMove = function(e){base.preventDefault(e);if ( e.touches.length == 1 ){self.posX = e.touches[0].pageX;self.posY = e.touches[0].pageY;}else{self.touchCancel(e);}};this.touchEnd = function(e){base.preventDefault(e);if ( self.fingerCount == 1 && self.posX != 0 ){self.swipeLength = Math.round(Math.sqrt(Math.pow(self.posX - self.startPosX,2) + Math.pow(self.posY - self.startPosY,2)));if ( self.swipeLength >= self.minLength ){calculateAngle();getSwipeDirection();if(self.callBackFunction){self.callBackFunction(self.swipeDirection);}self.touchCancel(e);}else{self.touchCancel(e);}}else{self.touchCancel(e);}};this.touchCancel = function(e){self.fingerCount = 0;self.startPosX = 0;self.startPosY = 0;self.posX = 0;self.posY = 0;self.swipeLength = 0;self.swipeAngle = null;self.swipeDirection = null;};var getSwipeDirection = function(){if ( (self.swipeAngle <= 45) && (self.swipeAngle >= 0) ){self.swipeDirection = 'left';}else if ( (self.swipeAngle <= 360) && (self.swipeAngle >= 315) ){self.swipeDirection = 'left';}else if ( (self.swipeAngle >= 135) && (self.swipeAngle <= 225) ){self.swipeDirection = 'right';}else if ( (self.swipeAngle > 45) && (self.swipeAngle < 135) ){self.swipeDirection = 'down';}else{self.swipeDirection = 'up';}};var calculateAngle = function(){var positionX = self.startPosX - self.posX;var positionY = self.posY - self.startPosY;var z = Math.round(Math.sqrt(Math.pow(positionX,2) + Math.pow(positionY,2)));var r = Math.atan2(positionY,positionX);self.swipeAngle = Math.round(r * 180 / Math.PI);if (self.swipeAngle < 0){self.swipeAngle =360 - Math.abs(self.swipeAngle);};};};})();(function(){"use strict";base.extend.animate = {animating:{objects: [],add: function(object, className, timer){this.stopPreviousAnimations(object);this.addObject(object, className, timer);},addObject: function(object, className, timer){if(object){var animation = {object: object,className: className,timer: timer};this.objects.push(animation);}},remove: function(object){var objectIndex = this.removeObject(object);},removeObject: function(object, removeClass){if(object){var animating = this.checkAnimating(object);if(animating !== false){var animations = animating;for(var i = 0; i < animations.length; i++){var animation = animations[i];this.stopTimer(animation);if(removeClass){base.removeClass(animation.object, animation.className);}var indexNumber = base.inArray(this.objects, animation);if(indexNumber >= 0){this.objects.splice(indexNumber, 1);}}}}},stopTimer: function(animation){if(animation){var timer = animation.timer;window.clearTimeout(timer);}},checkAnimating: function(obj){var animationArray = [];for(var i = 0; i < this.objects.length; i++){var animation = this.objects[i];if(animation.object == obj){animationArray.push(animation);}}if(animationArray.length >= 1){return animationArray;}else{return false;}},stopPreviousAnimations: function(obj){this.removeObject(obj, 1);},reset: function(){this.objects = [];}},out: function(object,animationClass,duration){if(typeof object == 'string'){var obj = document.getElementById(object);}else{obj = object;}base.addClass(obj, animationClass);var self = this;var remove = function(){base.removeClass(obj, animationClass);obj.style.display = 'none';self.animating.remove(object);};var timer = window.setTimeout(remove,duration);this.animating.add(obj, animationClass, timer);},_in: function(object,animationClass,duration){if(typeof object == 'string'){var obj = document.getElementById(object);}else{obj = object;}base.addClass(obj, animationClass);obj.style.display = 'block';var self = this;var remove = function(){base.removeClass(obj, animationClass);self.animating.remove(object);};var timer = window.setTimeout(remove,duration);this.animating.add(obj, animationClass, timer);},set: function(object,animationClass,duration){if(typeof object == 'string'){var obj = document.getElementById(object);}else{obj = object;}base.addClass(obj, animationClass);var self = this;var remove = function(){base.removeClass(obj, animationClass);self.animating.remove(object);};var timer = window.setTimeout(remove,duration);this.animating.add(obj, animationClass, timer);}};})();(function(){"use strict";base.extend.date = {monthNames: ["January","February","March","April","May","June","July","August","September","October","November","December"],dayNames: ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],getDayName: function(day, shortenName){day = (typeof month !== 'undefined')? day : new Date().getDate();var dayName = false;if(day < this.dayNames.length){var dayName = (shortenName)? this.dayNames[day].substring(0, 3) : this.dayNames[day];}return dayName;},leapYear: function(year){var leapYear = false;if((year % 400 == 0) || (year % 100 != 0 && year % 4 == 0)){leapYear = true;}return leapYear;},getMonthName: function(month, shortenName){month = (typeof month !== 'undefined')? month : new Date().getMonth();var monthName = false;if(month < this.monthNames.length){monthName = (shortenName)? this.monthNames[month].substring(0, 3) : this.monthNames[month];}return monthName;},getMonthLength: function(month, year){month = (typeof month !== 'undefined')? month : new Date().getMonth();year = (typeof year !== 'undefined')? year : new Date().getFullYear();var yearMonthLengths = this.getMonthsLength(year);var monthLength = yearMonthLengths[month];return monthLength;},getMonthsLength: function(year){year = (typeof year !== 'undefined')? year : new Date().getFullYear();var isLeapYear = this.leapYear(year);if(isLeapYear == true){var days = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];}else{var days = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];}return days;},toYears: function(milliseconds){if(typeof milliseconds === 'number'){return Math.floor(milliseconds/(1000*60*60*24*365.26));}return false;},toDays: function(milliseconds){if(typeof milliseconds === 'number'){return Math.floor(milliseconds/(60*60*1000*24)*1);}return false;},toHours: function(milliseconds){if(typeof milliseconds === 'number'){return Math.floor((milliseconds%(60*60*1000*24))/(60*60*1000)*1);}return false;},toMinutes: function(milliseconds){if(typeof milliseconds === 'number'){return Math.floor(((milliseconds%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);}return false;},toSeconds: function(milliseconds){if(typeof milliseconds === 'number'){return Math.floor((((milliseconds%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);}return false;},getDifference: function(startDate, endDate){var start = new Date(startDate);var end = new Date(endDate);var difference = (end.getTime() - start.getTime());var time = {years:this.toYears(difference),days:this.toDays(difference),hours:this.toHours(difference),minutes:this.toMinutes(difference),seconds:this.toSeconds(difference)};return time;}};})();(function(){"use strict";var updateTitle =function(title){document.title = title;};var getStateTitle = function(title, stateObj){title = (title == null && stateObj.title)? stateObj.title : title;return title;};base.extend.history = {isSupported: function(){if('history' in window && 'pushState' in window.history){return true;}else{return false;}},addEvent: function(fn, capture){var popEvent = function(e){if(e.state && e.state.title){updateTitle(e.state.title);}fn(e);};base.events.add('popstate', window, popEvent, capture, true, fn)},removeEvent: function(fn, capture){base.removeListener('popstate', window, fn, capture);},pushState: function(object, title, url){var lastState = window.history.state;title = getStateTitle(title, object);if(!lastState || !base.equals(lastState, object)){window.history.pushState(object, title, url);}updateTitle(title);},replaceState: function(object, title, url){title = getStateTitle(title, object);window.history.replaceState(object, title, url);updateTitle(title);},nextState: function(){window.history.forward();},prevState: function(){window.history.back();},goTo: function(indexNumber){window.history.go(indexNumber);}};})();var htmlBuilder = function(){var self = this;};htmlBuilder.prototype ={create: function(nodeName, attrObject, container, prepend){var filterProperty = function(prop){switch(prop){case 'class':prop = 'className';break;}return prop;};var obj = document.createElement(nodeName);if(typeof attrObject === 'object'){for(var prop in attrObject){var propName = filterProperty(prop);if(prop == 'innerHTML'){obj.innerHTML = attrObject[prop];}else if(prop.substring(0, 5) == 'data-'){base.data(obj, prop, attrObject[prop]);}else{obj[propName] = attrObject[prop];}}}try{if(prepend == true){this.prepend(container, obj);}else{this.append(container, obj);}}catch(e){this.error(e, obj);}return obj;},createObject: function(object, id, tmpClass, text, container, prepend){var attr = { id: id, 'className': tmpClass, innerHTML: text };var obj = this.create(object, attr, container, prepend);return (obj.id)? obj.id : obj;var tmpObj = document.createElement(object);(id)? tmpObj.id = id : null;tmpObj.className = tmpClass;(text != null)? tmpObj.innerHTML = text : '';try{if(prepend == true){this.prepend(container, tmpObj);}else{this.append(container, tmpObj);}}catch(e){this.error(e, tmpObj);}return (tmpObj.id)? tmpObj.id : tmpObj;},createButton: function(type,id,tmpClass,text,tmpFunction,container,prepend){var attr = { id: id, 'className': tmpClass, innerHTML: text };if(typeof tmpFunction == 'function'){attr.onclick = tmpFunction;}var obj = this.create(type, attr, container, prepend);return (obj.id)? obj.id : obj;var tmpObj = document.createElement(type);(id)? tmpObj.id = id : '';(tmpClass)? tmpObj.className = tmpClass : null;(text)? tmpObj.innerHTML = text : null;(tmpFunction)? tmpObj.onclick = tmpFunction : null;try{if(prepend == true){this.prepend(container, tmpObj);}else{this.append(container, tmpObj);}}catch(e){this.error(e, tmpObj);}return (tmpObj.id)? tmpObj.id : tmpObj;},createCheckbox: function(type,id,tmpClass,text,tmpFunction,checked,container,stopPropagation){var attr = { id: id, 'className': tmpClass, innerHTML: text, type: type };if(typeof stopPropagation !== 'undefined' && stopPropagation == true){attr.onclick = base.stopPropagation;}if(typeof tmpFunction == 'function'){attr.onchange = tmpFunction;}if(checked == true){attr.checked = true;}var obj = this.create('input', attr, container);return (obj.id)? obj.id : obj;var tmpObj = document.createElement('input');(id)? tmpObj.id = id : null;tmpObj.type = type;(tmpClass)? tmpObj.className = tmpClass : null;(text)? tmpObj.innerHTML = text : null;tmpObj.checked = checked;if(typeof stopPropagation !== 'undefined' && stopPropagation == true){tmpObj.onclick = base.stopPropagation;}(tmpFunction)? tmpObj.onchange = tmpFunction : null;try{this.append(container, tmpObj);}catch(e){this.error(e, tmpObj);}return (tmpObj.id)? tmpObj.id : tmpObj;},createInputButton: function(id,tmpClass,text,tmpFunction,container,prepend){var attr = { id: id, 'className': tmpClass, value: text, type: 'button' };if(typeof tmpFunction == 'function'){attr.onclick = tmpFunction;}var obj = this.create('input', attr, container, prepend);return (obj.id)? obj.id : obj;var tmpObj = document.createElement('input');(id)? tmpObj.id = id : null;tmpObj.type = 'button';(tmpClass)? tmpObj.className = tmpClass : null;(text)? tmpObj.value = text : null;(tmpFunction)? tmpObj.onclick = tmpFunction : null;try{this.append(container, tmpObj);}catch(e){this.error(e, tmpObj);}return (tmpObj.id)? tmpObj.id : tmpObj;},createRadio: function(id,name,tmpClass,value,tmpFunction,checked,container,stopPropagation){var attr = { id: id, name: name, 'className': tmpClass, value: value, type: 'radio' };if(typeof stopPropagation !== 'undefined' && stopPropagation == true){attr.onclick = base.stopPropagation;}if(typeof tmpFunction == 'function'){attr.onchange = tmpFunction;}if(checked == true){attr.checked = true;}var obj = this.create('input', attr, container);return (obj.id)? obj.id : obj;var tmpObj = document.createElement('input');(id)? tmpObj.id = id : '';(name)? tmpObj.name = name : '';tmpObj.type = 'radio';(tmpClass)? tmpObj.className = tmpClass : '';tmpObj.value = value;tmpObj.checked = checked;if(typeof stopPropagation !== 'undefined' && stopPropagation == true){tmpObj.onclick = base.stopPropagation;}(tmpFunction)? tmpObj.onchange = tmpFunction : '';try{this.append(container, tmpObj);}catch(e){this.error(e, tmpObj);}return (tmpObj.id)? tmpObj.id : tmpObj;},createInput: function(type,id,tmpClass,text,tmpFunction,placeholder,container,prepend){var attr = { id: id, 'className': tmpClass, value: text, type: type };attr.onfocus = function(){this.select();};if(typeof tmpFunction == 'function'){attr.onkeyup = function(){tmpFunction(this.value);};}if(placeholder){attr.placeholder = placeholder;}var obj = this.create('input', attr, container, prepend);return (obj.id)? obj.id : obj;var tmpObj = document.createElement('input');(id)? tmpObj.id = id : '';tmpObj.type = type;(tmpClass)? tmpObj.className = tmpClass : '';tmpObj.onfocus = function(){tmpObj.select();};(text)? tmpObj.value = text : '';(placeholder)? tmpObj.placeholder = placeholder : '';(tmpFunction)? tmpObj.onkeyup = function(){tmpFunction(this.value);} : '';try{if(prepend == true){this.prepend(container, tmpObj);}else{this.append(container, tmpObj);}}catch(e){this.error(e, tmpObj);}return (tmpObj.id)? tmpObj.id : tmpObj;},createTextArea: function(id,tmpClass,text,tmpFunction,container,prepend){var attr = { id: id, 'className': tmpClass, value: text };attr.onfocus = function(){this.select();};if(typeof tmpFunction == 'function'){attr.onblur = tmpFunction;attr.onkeyup = tmpFunction;}var obj = this.create('textarea', attr, container, prepend);return (obj.id)? obj.id : obj;var tmpObj = document.createElement('textarea');(id)? tmpObj.id = id : '';(tmpClass)? tmpObj.className = tmpClass : '';tmpObj.onfocus = function(){tmpObj.select();};(text)? tmpObj.value = text : '';(tmpFunction)? tmpObj.onblur = tmpFunction : '';(tmpFunction)? tmpObj.onkeyup = tmpFunction : '';try{if(prepend == true){this.prepend(container, tmpObj);}else{this.append(container, tmpObj);}}catch(e){this.error(e, tmpObj);}return (tmpObj.id)? tmpObj.id : tmpObj;},createSelect: function(id,tmpClass,text,tmpFunction,container,prepend){var attr = { id: id, 'className': tmpClass, value: text };if(typeof tmpFunction == 'function'){attr.onchange = function(){tmpFunction(this.value);};}var obj = this.create('select', attr, container, prepend);return (obj.id)? obj.id : obj;var tmpObj = document.createElement('select');(id)? tmpObj.id = id : '';(tmpClass)? tmpObj.className = tmpClass : '';(text)? tmpObj.value = text : '';(tmpFunction)? tmpObj.onchange = function(){tmpFunction(this.value);} : '';try{if(prepend == true){this.prepend(container, tmpObj);}else{this.append(container, tmpObj);}}catch(e){this.error(e, tmpObj);}return (tmpObj.id)? tmpObj.id : tmpObj;},createImage: function(id, tmpClass, src, alt, container, prepend){var attr = { id: id, 'className': tmpClass };if(typeof alt !== 'undefined'){attr.alt = alt;}if(typeof src !== 'undefined'){attr.src = src;}var obj = this.create('img', attr, container, prepend);return (obj.id)? obj.id : obj;var tmpObj = document.createElement('img');(id)? tmpObj.id = id : tmpObj.id = '';tmpObj.className = tmpClass;(src)? tmpObj.src = src : tmpObj.src = '';(alt != null)? tmpObj.alt = alt : '';try{if(prepend == true){this.prepend(container, tmpObj);}else{this.append(container, tmpObj);}}catch(e){this.error(e, tmpObj);}return (tmpObj.id)? tmpObj.id : tmpObj;},createIframe: function(id, tmpClass, src, container, prepend){var attr = { id: id, 'className': tmpClass };if(typeof src !== 'undefined'){attr.src = src;}attr.width = '100%';attr.height = '100%';attr.frameBorder = "0";var obj = this.create('iframe', attr, container, prepend);return (obj.id)? obj.id : obj;var tmpObj = document.createElement('iframe');(id)? tmpObj.id = id : tmpObj.id = '';tmpObj.className = tmpClass;tmpObj.width = '100%';tmpObj.height = '100%';tmpObj.frameBorder = "0";tmpObj.src = src;try{if(prepend == true){this.prepend(container, tmpObj);}else{this.append(container, tmpObj);}}catch(e){this.error(e, tmpObj);}return (tmpObj.id)? tmpObj.id : tmpObj;},createLink: function(type,id,tmpClass,text,url,container,prepend){var attr = { id: id, 'className': tmpClass, innerHTML: text };if(url !== null){attr.href = url;}var obj = this.create(type, attr, container, prepend);return (obj.id)? obj.id : obj;var tmpObj = document.createElement(type);(id)? tmpObj.id = id : '';(tmpClass)? tmpObj.className = tmpClass : '';(text)? tmpObj.innerHTML = text : '';(url)? tmpObj.href = url : '';try{if(prepend == true){this.prepend(container, tmpObj);}else{this.append(container, tmpObj);}}catch(e){this.error(e, tmpObj);}return (tmpObj.id)? tmpObj.id : tmpObj;},removeChild: function(child){var container;if(typeof child == 'string'){child = document.getElementById(child);container = child.parentNode;}else{container = child.parentNode;}container.removeChild(child);},removeAll: function(child){var container;if(typeof child == 'string'){child = document.getElementById(child);container = child.parentNode;}else{container = child.parentNode;}while(container.hasChildNodes()){container.removeChild(container.lastChild);}},changeParent: function(child, newParent){var container;if(typeof child == 'string'){child = document.getElementById(child);}if(typeof newParent == 'string'){container = document.getElementById(newParent);}else{container = newParent;}container.appendChild(child);},append: function(parent, child){if(typeof parent === "undefined"){parent = document.body;}else if(typeof parent == 'string'){parent = document.getElementById(parent);}parent.appendChild(child);},prepend: function(parent, child){if(typeof parent === "undefined"){parent = document.body;}else if(typeof parent == 'string'){parent = document.getElementById(parent);}parent.insertBefore(child, parent.firstChild);},clone: function(node, deepCopy){if(typeof node != 'object'){deepCopy = deepCopy || false;return node.cloneNode(deepCopy);}else{return false;}},error: function(error, object){console.log(error.message, object);}};var alertNumber = 0;var Alert = function(type, title, description, callback, tmpArgArray) {this.id = 'alert_' + alertNumber;this.number = alertNumber++;this.type = type;this.title = title;this.description = description;this.response = null;this.container = document.body;this.callback = callback;this.arg = tmpArgArray;var self = this;this.start = function(){self.createAlert();self.align();self.addEvent();};this.createAlert = function(){var shadow = self.createButton('div',self.id + '_shadow','panel_shadow alert_shadow fadeIn','',self.decline,self.container);var panel = self.createObject('div',self.id,'alert slideIn','',self.container);var titleContainer = self.createObject('div','alert_title_container' + self.number, 'title_container', '', self.id);var title = self.createObject('div','alert_title' + self.number, 'title left dark title_text', self.title, titleContainer);var description = self.createObject('div','alert_text' + self.number, 'description center dark', self.description, self.id);var buttons = self.createObject('div','alert_buttons' + self.number, 'buttons', '', self.id);if(self.type == 'confirm'){var buttonHolder = self.createObject('div','alert_button_holder' + self.number, 'button_holder_confirm', '', buttons);self.createButton('div','alert_button_1', 'button_red', 'No', function(){self.changeResponse(false);}, buttonHolder);self.createButton('div','alert_button_2', 'button_green', 'Yes', function(){self.changeResponse(true);}, buttonHolder);}else if(self.type == 'alert'){var buttonHolder = self.createObject('div','alert_button_holder' + self.number, 'button_holder_alert', '', buttons);self.createButton('div','alert_button_1', 'button', 'OK', function(){self.decline();}, buttonHolder);}};this.align = function(){var panel = document.getElementById(self.id);var windowSize = base.getWindowSize();var top = (windowSize.height / 2) - (panel.offsetHeight / 2);var left = (windowSize.width / 2) - (panel.offsetWidth / 2) - 8.5;panel.style.top = top + 'px';panel.style.left = left + 'px';};this.addEvent = function(){base.addListener('resize', window, self.align);};this.removeEvent = function(){base.removeListener('resize', window, self.align);};this.remove = function(){self.removeEvent();var container;try{container = document.getElementById(self.id).parentNode;}catch(e){}if(container){var panel = document.getElementById(self.id);container.removeChild(panel);var shadowPanel = document.getElementById(self.id + '_shadow');container.removeChild(shadowPanel);}};this.stop = function(){self.remove();};this.getResponse = function(){return self.response;};this.updateResponse = function(tmpResponse){self.response = tmpResponse;};this.changeResponse = function(tmpResponse){self.updateResponse(tmpResponse);if(self.response == true){self.accept();}else{self.decline();}};this.answer = function(){(self.arg)? self.callback.call(Alert, self.arg.valueOf()) : self.callback.call(Alert);self.stop();};this.checkResponse = function(){return self.response;};this.accept = function(){(self.arg)? self.callback(self.arg.valueOf()) : self.callback();self.stop();};this.decline = function(){self.stop();};};Alert.prototype = new htmlBuilder();Alert.prototype.constructor = Alert;var mainSetup = function(){"use strict";var self = this;this.setup = function(){self.addDemoListeners();self.addJoinMeListeners();self.createTopButton();};this.addDemoListeners = function(){var button = document.getElementById('button_top_request');base.addListener('click', button, self.requestDemo);};this.addJoinMeListeners = function(){var button = document.getElementById('button_join_me');base.addListener('click', button, self.createJoinMePanel);button = document.getElementById('button_join_me_mobile');base.addListener('click', button, self.createJoinMePanel);};this.createTopButton = function(){this.topScroller ={mobileSize: 1199,distance: 300,setup: function(){this.createButton();this.checkScroll();this.addScroll();},createButton: function(){var child = this;var tmpFunction = function(){child.scrollToTop()};var builder = new htmlBuilder();builder.createButton('div','main_button_top', 'button_yellow main_button_top', '',tmpFunction, document.body);},addScroll: function(){var child = this;var tmpFunction = function(){child.checkScroll()};base.addListener('scroll', window, tmpFunction);base.addListener('resize', window, tmpFunction);},buttonVisible: false,checkScroll: function(){var button = document.getElementById('main_button_top');var scrollTop = base.getScrollTop();var documentHeight = (base.getDocumentHeight() - base.getWindowHeight());var isMobile = this.isMobile();if(typeof button !== 'undefined'){if(isMobile){if(this.buttonVisible == true){this.buttonVisible = false;base.animate.out(button, 'fadeOut', 800);}}else{if(scrollTop >= this.distance){if(this.buttonVisible == false){base.animate._in(button, 'fadeInSlow', 2000);this.buttonVisible = true;}}else{if(this.buttonVisible == true){this.buttonVisible = false;base.animate.out(button, 'fadeOut', 800);}}}}},scrollToTop: function(){window.scrollTo(window.scrollX, 0);},isMobile: function(){var windowWidth = base.getWindowWidth();if(typeof windowWidth !== 'undefined'){if(windowWidth > this.mobileSize){return false;}else{return true;}}}};this.topScroller.setup();};this.requestDemo = function(){var panel = new requestPanel('corporate','', document.body);panel.setup();panel.display();};this.createJoinMePanel = function(){var panel = new joinMePanel('');panel.setup();}; };var bpiMain = new mainSetup();base.onLoad(bpiMain.setup);var joinMePanelNumber = 0;var joinMePanel = function(callback) {this.id = 'join_me_' + joinMePanelNumber;this.number = joinMePanelNumber++;this.response = null;this.container = document.body;this.callback = callback;var self = this;this.setup = function(){self.createPanel();self.align();self.addEvent();document.getElementById(self.id + '_meeting_number').focus();};this.createPanel = function(){var shadow = self.createButton('div',self.id + '_shadow','panel_shadow join_shadow fadeIn','',self.decline,self.container);var panel = self.createObject('div',self.id,'alert join_me_panel slideIn','',self.container);var titleContainer = self.createObject('div','', 'title_container', '', self.id);var title = self.createObject('div','', 'title left dark title_text', 'Join a join.me Meeting', titleContainer);var description = self.createObject('div','', 'description center dark', '', self.id);var groupPanel = self.createObject('div','', 'group_panel', '', description);var tmpRow = self.createObject('div', '', 'row dark', '', groupPanel);var tmpLabel = self.createObject('label', '', 'right', '9 Digit Code', tmpRow);var field = self.createInput('text', self.id + '_meeting_number', '', '', self.formatNumber, '', tmpRow);document.getElementById(self.id + '_meeting_number').onblur = self.formatNumber;var buttons = self.createObject('div','', 'buttons', '', self.id);var buttonHolder = self.createObject('div','', 'button_holder_confirm', '', buttons);self.createButton('div','', 'button_red', 'Cancel', function(){self.changeResponse(false);}, buttonHolder);self.createButton('div','', 'button_green', 'Submit', function(){self.changeResponse(true);}, buttonHolder);};this.align = function(){var panel = document.getElementById(self.id);var windowSize = base.getWindowSize();var top = (windowSize.height / 2) - (panel.offsetHeight / 2);var left = (windowSize.width / 2) - (panel.offsetWidth / 2) - 8.5;panel.style.top = top + 'px';panel.style.left = left + 'px';};this.addEvent = function(){base.addListener('resize', window, self.align);};this.removeEvent = function(){base.removeListener('resize', window, self.align);};this.remove = function(){self.removeEvent();var container;try{container = document.getElementById(self.id).parentNode;}catch(e){}if(container){var panel = document.getElementById(self.id);container.removeChild(panel);var shadowPanel = document.getElementById(self.id + '_shadow');container.removeChild(shadowPanel);}};this.stop = function(){self.remove();};this.getResponse = function(){return self.response;};this.updateResponse = function(tmpResponse){self.response = tmpResponse;};this.changeResponse = function(tmpResponse){self.updateResponse(tmpResponse);if(self.response == true){self.checkMeetingNumber();}else{self.decline();}};this.checkResponse = function(){return self.response;};this.formatNumber = function(){var obj = document.getElementById(self.id + '_meeting_number');var number = obj.value;var filtered = number.replace(/\D/g, '');var num = '';for(var i = 0; i < filtered.length; i++){if(i % 3 == 0 && i != 0){num += '-';}num += filtered[i];}obj.value = num;};this.checkMeetingNumber = function(){var meetingNumber = document.getElementById(self.id + '_meeting_number');meetingNumber = meetingNumber.value.replace(/[^0-9]/g, '');if(meetingNumber.length > 9){var mpalert = new Alert('alert', 'Join.me Meeting Error', 'The meeting number is too long. Please check the number and try again.');mpalert.start();}else if(meetingNumber.length < 9){var mpalert = new Alert('alert', 'Join.me Meeting Error', 'The meeting number is too short. Please check the number and try again.');mpalert.start();}else{self.accept(meetingNumber);}};this.accept = function(meetingNumber){if(typeof meetingNumber !== 'undefined'){window.open('https://secure.join.me/' + meetingNumber, '_new');if(self.callBack){self.callback.call();}self.stop();}else{var mpalert = new Alert('alert', 'Join.me Meeting Error', 'No meeting number was submitted');mpalert.start();}};this.decline = function(){self.stop();};};joinMePanel.prototype = new htmlBuilder();joinMePanel.prototype.constructor = joinMePanel;var requestPanelNumber = 0;var requestPanel = function(origin, callbackFunction,container){this.id = 'request_panel_' + requestPanelNumber;this.number = requestPanelNumber;requestPanelNumber++;this.origin = origin;this.callbackFunction = callbackFunction;this.container = container;var self = this;this.remove = function(){var panel = document.getElementById(self.id);self.removeChild(panel);panel = document.getElementById(self.id + '_shadow');self.removeChild(panel);};this.createPanel = function(){var panel = self.createObject('div',self.id,'panel request_panel slideIn','',self.container);var container = self.createObject('div',self.id + '_list_container','body_container','',self.id);self.createRequestPanel(container);var buttons = self.createObject('div',self.id + '_button_container','button_container','',self.id);var button1 = self.createButton('div',self.id + '_button_1','button_red button_left','Cancel',self.decline,buttons);var button2 = self.createButton('div',self.id + '_button_2','button_yellow button_right','REQUEST',self.confirmAction,buttons);};this.createRequestPanel = function(container){var logoContainer = self.createObject('div','','logo_container','',container);var logo = self.createImage('','','/images/bp/bp_logo.svg','',logoContainer);logo.alt = "Business Promotion Logo";var detailsContainer = self.createObject('section','','details_container','',container);var text = 'At Business Promotion, we provide complete online business solutions for companies of all sizes. To discover how we can help you grow your business, we invite you to submit your information and receive a free demo.';var p = self.createObject('p','','left blue',text,detailsContainer);var formContainer = self.createObject('section','','form_container','',container);var h2 = self.createObject('h2','','title_text center blue','Request a free demo',formContainer);var colContainer = self.createObject('div','','cols_container','',formContainer);var colLeft = self.createObject('div','','column','',colContainer);var colRight = self.createObject('div','','column','',colContainer);var tmpRow = self.createObject('div', '', 'row light left', '', colLeft);var field = self.createInput('text', self.id + '_first_name', '', '', '', 'First Name*', tmpRow);var tmpRow = self.createObject('div', '', 'row light left', '', colLeft);var field = self.createInput('text', self.id + '_last_name', '', '', '', 'Last Name*', tmpRow);tmpRow = self.createObject('div', '', 'row light left', '', colLeft);field = self.createInput('text', self.id + '_company', '', '', '', 'Your Company Name', tmpRow);tmpRow = self.createObject('div', '', 'row light left', '', colRight);field = self.createInput('text', self.id + '_email', '', '', '', 'Your Email Address*', tmpRow);tmpRow = self.createObject('div', '', 'row light left', '', colRight);field = self.createInput('text', self.id + '_phone', '', '', '', 'Your Phone Number*', tmpRow);};this.setup = function(){self.createPanel();};this.confirmAction = function(){var mpalert = new Alert('confirm', 'Confirm Action', 'Do you want to submit this request?', self.accept);mpalert.start();};this.accept = function(){var settings = self.getPanelSettings();if(settings !== null){self.add(settings);}else{var mpalert = new Alert('alert','Error','There is nothing to accept.');mpalert.start();}};this.getCheckPanelSettings = function(){var firstName = document.getElementById(self.id + '_first_name');var lastName = document.getElementById(self.id + '_last_name');var company = document.getElementById(self.id + '_company');var email = document.getElementById(self.id + '_email');var phone = document.getElementById(self.id + '_phone');var response = {status: true,message: '',error: 'no'};if(firstName.value == ""){response.status = false;response.message += "<br />The first name field is empty";}if(lastName.value == ""){response.status = false;response.message += "<br />The last name field is empty";}if(email.value == ""){response.status = false;response.message += "<br />The email field is empty \r\n";}var number = phone.value.replace(/[^0-9]+/g, '');if(number == ""){response.status = false;response.message += "<br />The phone field is empty \r\n";}else if(number && number.length < 10){response.status = false;response.message += "<br />The phone number is too short \r\n";}return response;};this.getPanelSettings = function(){var lastName = document.getElementById(self.id + '_last_name');var firstName = document.getElementById(self.id + '_first_name');var company = document.getElementById(self.id + '_company');var email = document.getElementById(self.id + '_email');var phone = document.getElementById(self.id + '_phone');var request = {};request.lastName = lastName.value;request.firstName = firstName.value;request.name = lastName.value + ', ' + firstName.value;request.company = company.value;request.email = email.value;request.phone = phone.value;request.origin = self.origin;return request;};this.add = function(lead){var settings = self.getCheckPanelSettings();if(settings.status){var panelSettings = self.getPanelSettings();var params = "lead=" + JSON.stringify(lead);base.ajax("scripts/services/leads.php?op=addLead", params, self.addResponse);}else{var mpalert = new Alert('alert', 'Error', 'The following corrections need to be made before saving. ' + settings.message);mpalert.start();}};this.addResponse = function(response){if(response){var result = response;if(result.error == 'no'){var mpalert = new Alert('alert', 'Request Sent','Your request has been sent. You will be contacted shortly. ' + result.message);mpalert.start();(self.callbackFunction) ? self.callbackFunction() : '';setTimeout(self.display,200);}else{var mpalert = new Alert('alert', 'Error','There was an error adding the request. ' + result.message);mpalert.start();}}};this.decline = function(){self.display();};this.display = function(){var obj = document.getElementById(self.id);if(obj.style.display == '' || obj.style.display == 'none'){obj.style.display = 'block';self.createButton('div',self.id + '_shadow','panel_shadow request_shadow fadeIn','',self.display,self.container);document.getElementById(self.id + '_first_name').focus();}else{obj.style.display = 'none';self.remove();}};};requestPanel.prototype = new htmlBuilder();requestPanel.prototype.constructor = requestPanel;var navigationNumber = 0;var Navigation = function(container,header) {this.id = 'navigation_panel_' + navigationNumber;this.number = navigationNumber++;this.optionsArray = new Array();this.container = container;this.header = header;var self = this;this.setup = function(tmpOptions){self.createNav(tmpOptions);self.addEvent();};this.createNav = function(tmpOptions){var currentPage = self.getCurrentPage();var tmpNumber = 0;self.resetContainer();base.inArray(new Array('1'),'1');var ul = self.createObject('ul',self.id + '_nav_ul','', '', self.container);if(typeof tmpOptions != 'undefined'){for(var i = 0; i < tmpOptions.length; i++){var tmpOption = tmpOptions[i];if(tmpOption){tmpOption.optionNumber = tmpNumber;tmpOption.nameId = self.id + '_option_number_' + self.number + '_' + tmpNumber++;tmpOption.selected = 'no';tmpOption.selected = self.checkSelection(tmpOption, currentPage);self.addOption(tmpOption);var li = self.addNavOption(tmpOption);}if(tmpOption && typeof tmpOption.pages !== 'undefined'){self.createChildPages(tmpOption, currentPage, li);}}}self.createButton('div','', 'button_nav_list', '', self.displayNav, self.header, 1);};this.createChildPages = function(parentOption, currentPage, container){var tmpNumber = 0;var ul = self.createObject('ul','','', '', container);for(var i = 0; i < parentOption.pages.length; i++){var tmpOption = parentOption.pages[i];tmpOption.optionNumber = tmpNumber;tmpOption.nameId = self.id + '_option_number_child_' + parentOption.url + '_' + self.number + '_' + tmpNumber++;tmpOption.selected = 'no';if(currentPage == tmpOption.url){tmpOption.selected = 'yes';}var li = self.createObject('li','','', '', ul);self.createLink('a',tmpOption.nameId, self.getOptionStyle(tmpOption), tmpOption.label, tmpOption.url, li);if(tmpOption.pages){self.createChildPages(tmpOption, currentPage, li);}}};this.addNavOption = function(tmpOption){var container = self.id + '_nav_ul';var li = self.createObject('li','','', '', container);self.createLink('a',tmpOption.nameId, self.getOptionStyle(tmpOption), tmpOption.label, tmpOption.url, li);return li;};this.checkSelection = function(tmpOption, currentPage){currentPage = currentPage.split('&')[0];var url = tmpOption.url.replace('/', '');if(currentPage == url){return 'yes';}else if(!currentPage && url == ''){return 'yes';}else if(currentPage == 'blog-post' && url == 'blog'){return 'yes';}else{return 'no';}};this.addOption = function(option){self.optionsArray.push(option);};this.getCurrentPage = function(){var path = window.location.pathname;var pageSlashCount = path.match(/\//g);if(pageSlashCount.length > 1){var start = path.indexOf("/") + 1;var length = path.indexOf("/", 2) + 1;var end = length - start;var tmpLocation = path.substring(start, end);}else{var tmpLocation = path.substring(path.lastIndexOf("/") + 1);}var location = tmpLocation.replace("/", "");return location;};this.unselectOption = function(tmpOption){for(var j = 0; j < self.optionsArray.length; j++){if(self.optionsArray[j] != tmpOption){if(self.optionsArray[j].selected == 'yes'){self.optionsArray[j].selected = 'no';document.getElementById(self.optionsArray[j].nameId).className = self.getOptionStyle(self.optionsArray[j]);}}}};this.getOptionStyle = function(tmpOption){if(tmpOption.selected == 'yes'){var optionStyle = 'nav_option selected';}else{var optionStyle = 'nav_option';}return optionStyle;};this.resetContainer = function(){var container = document.getElementById(self.container);container.innerHTML = '';};this.removeShadow = function(){var container = document.getElementById(self.id + '_shadow').parentNode;containerPanel = document.getElementById(self.id + '_shadow');container.removeChild(containerPanel);};this.displayNav = function(){var obj = document.getElementById(self.container);if(obj.style.display == '' || obj.style.display == 'none'){obj.style.display = 'block';base.removeClass(obj, 'fadeIn');obj.offsetWidth = obj.offsetWidth;base.animate._in(obj, 'pullLeftIn', 800);self.createButton('div',self.id + '_shadow','page_shadow fadeIn','',self.displayNav, self.header);}else{base.removeClass(obj, 'pullLeftIn');base.animate.out(obj.id,'pullLeftFaster',300);self.removeShadow();}};this.unselectPanelByAnimation = function(object,animationClass,timer){var tmpObj = document.getElementById(object);base.addClass(tmpObj, animationClass);var tmpReset = function(){base.removeClass(tmpObj, animationClass);tmpObj.style.display = 'none';};window.setTimeout(tmpReset,timer);};this.addEvent = function(){if( typeof window.addEventListener != 'undefined'){window.addEventListener('resize', self.checkSize, false);}else{window.attachEvent('onresize', self.checkSize);}};this.removeEvent = function(){if( typeof window.removeEventListener != 'undefined'){window.removeEventListener('resize', self.checkSize, false);}else{window.detachEvent('onresize', self.checkSize);}};this.checkSize = function(){var obj = document.getElementById(self.container);if(typeof window.innerWidth == 'undefined'){var width = document.body.clientWidth;}else{var width = window.innerWidth;}if(width >= 940 && obj.style.display == 'none'){obj.style.display = '';obj.className = 'main_nav_container fadeIn';}else if(width >= 940){obj.className = 'main_nav_container fadeIn';}};};Navigation.prototype = new htmlBuilder();Navigation.prototype.constructor = Navigation;var navigationSetup = function() {var self = this;this.getNav = function(){var optionsArray = [{label: 'Home', url: '/'},{label: 'Services', url: '/services'},{label: 'About', url: '/about'},{label: 'Help Desk', url: '/help'},{label: 'Blog', url: '/blog'},{label: 'Portfolio', url: '/portfolio'},{label: 'Reviews', url: '/reviews'},{label: 'Contact', url: '/contact'},];return optionsArray;};this.setupNavigation = function(){var optionsArray = self.getNav();var navPanel = new Navigation('main_navigation_container','main_header_container');navPanel.setup(optionsArray);};this.loadSetup = function(){self.setupNavigation();};};base.onLoad(function() {var bpiSetup = new navigationSetup();bpiSetup.loadSetup();});var videoPanelNumber = 0;var videoPanel = function(video, callbackFunction, container) {this.id = 'video_panel_' + videoPanelNumber;this.number = videoPanelNumber++;this.video = video;this.callbackFunction = callbackFunction;this.container = container;var self = this;this.remove = function(){var container = document.getElementById(self.id).parentNode;;var containerPanel = document.getElementById(self.id);container.removeChild(containerPanel);containerPanel = document.getElementById(self.id + '_shadow');container.removeChild(containerPanel);self.removeEvent();};this.createPanel = function(){var panel = self.createObject('div',self.id,'panel video_panel slideIn','',self.container);var title = self.createObject('div',self.id + '_title_container','title_container','',self.id);var titleLabel = self.createObject('div','','title title_text left dark',base.getText(self.video, 'title'),title);var container = self.createObject('div','','body_container','',self.id);setTimeout(function(){self.createIframe(self.id + '_iframe','',self.video.source,container)}, 500);var buttons = self.createObject('div',self.id + '_button_container','button_container','',self.id);var button1 = self.createButton('div',self.id + '_button_1','button_red button_left','Close',self.decline,buttons);};this.setup = function(){self.createPanel();self.addEvent();};this.decline = function(){self.display();};this.display = function(){var obj = document.getElementById(self.id);if(obj.style.display == '' || obj.style.display == 'none'){obj.style.display = 'block';self.align();self.createButton('div', self.id + '_shadow','panel_shadow video_shadow fadeIn','', self.display, self.container);}else{obj.style.display = 'none';self.remove();}};this.addEvent = function(){base.addListener('resize', window, self.align);};this.removeEvent = function(){base.removeListener('resize', window, self.align);};this.align = function(){var panel = document.getElementById(self.id);var windowSize = base.getWindowSize();var top = (windowSize.height / 2) - (panel.offsetHeight / 2);var left = (windowSize.width / 2) - (panel.offsetWidth / 2);panel.style.top = top + 'px';panel.style.left = left + 'px';};};videoPanel.prototype = new htmlBuilder();videoPanel.prototype.constructor = videoPanel;var showcaseSelectorNumber = 0;var showcaseSelector = function(optionClassName){this.id = 'showcase_' + showcaseSelectorNumber;this.number = showcaseSelectorNumber++;this.optionClassName = optionClassName;this.onNumber;this.optionsArray = new Array();this.timer;var self = this;this.optionNumber = 0;this.addOption = function(option){var optionId = self.id + '_option_number_' + self.number + '_' + self.optionNumber;option.id = optionId;var tmpOption = {optionNumber: self.optionNumber++,nameId: optionId,selected: 'no'};self.optionsArray.push(tmpOption);};this.resetOptions = function(){self.optionNumber = 0;self.optionsArray = new Array();self.onNumber = null;};this.setup = function(optionsArray){self.resetOptions();self.setupOptions();};this.setupOptions = function(){var optionsArray = base.getBySelector(self.optionClassName);if(optionsArray && optionsArray.length > 0){for(var i = 0; i < optionsArray.length; i++){var tmpOption = optionsArray[i];self.addOption(tmpOption);}}self.selectNewPanel();};this.selectNewPanel = function(){if(self.onNumber < (self.optionsArray.length - 1) && self.onNumber != null){self.onNumber++;}else{self.onNumber = 0;}self.selectOptionByNumber(self.onNumber);};this.selectPanel = function(tmpOption){for(var i = 0; i < self.optionsArray.length; i++){var nameId = self.optionsArray[i].nameId;var panel = document.getElementById(nameId);if(tmpOption.nameId == nameId){if(base.hasClass(panel, 'selected') == false){var className = 'selected';base.addClass(panel, className);}}else{var className = 'selected';base.removeClass(panel, className);}}};this.getNextOption = function(lastOptionNumber){if(lastOptionNumber != null){var nextOptionNumber = ++lastOptionNumber;if(nextOptionNumber < self.optionsArray.length){return self.optionsArray[nextOptionNumber];}else{return self.optionsArray[0];}}};this.selectNextOption = function(){var nextOption = self.getNextOption(self.onNumber);if(nextOption){self.selectOption(nextOption);}};this.getPreviousOption = function(lastOptionNumber){if(lastOptionNumber != null){var previousOptionNumber = --lastOptionNumber;if(previousOptionNumber >= 0){return self.optionsArray[previousOptionNumber];}else{return self.optionsArray[(self.optionsArray.length - 1)];}}};this.selectPreviousOption = function(){var previousOption = self.getPreviousOption(self.onNumber);if(previousOption){self.selectOption(previousOption);}};this.unselectOption = function(tmpOption){for(var j = 0; j < self.optionsArray.length; j++){if(self.optionsArray[j] != tmpOption){if(self.optionsArray[j].selected == 'yes'){self.optionsArray[j].selected = 'no';}}}};this.selectOption = function(tmpOption){var object = document.getElementById(tmpOption.nameId);if(tmpOption.selected == 'no'){tmpOption.selected = 'yes';self.onNumber = base.inArray(self.optionsArray, tmpOption);}else{tmpOption.selected = 'no';}self.unselectOption(tmpOption);self.selectPanel(tmpOption);};this.selectOptionByNumber = function(number){for(var i = 0; i < self.optionsArray.length; i++){var tmpOption = self.optionsArray[i];if(i == number){var selection = tmpOption;}}if(selection){self.selectOption(selection);}};this.getSelectedOption = function(){for(var j = 0; j < self.optionsArray.length; j++){if(self.optionsArray[j].selected == 'yes'){return self.optionsArray[j];}}return false;}; };showcaseSelector.prototype = new htmlBuilder();showcaseSelector.prototype.constructor = showcaseSelector;var spotlightNumber = 0;var spotlight = function(container){this.id = 'spotlight_' + spotlightNumber;this.number = spotlightNumber++;this.onNumber;this.optionsArray = new Array();this.timer;this.container = container;var self = this;this.addKeyboardSupport = function(){base.onKeyDown(self.keyPress, document);};this.keyPress = function(keyCode){switch(keyCode){case 37:self.selectPreviousOption();break;case 39:self.selectNextOption();break;}};this.optionNumber = 0;this.addOption = function(option){option.optionNumber = self.optionNumber;option.nameId = self.id + '_option_number_' + self.number + '_' + self.optionNumber;option.crumbId = self.id + '_crumb_number_' + self.number + '_' + self.optionNumber++;option.selected = 'no';self.optionsArray.push(option);self.createCrumb(option);var panel = self.createOptionPanel(option);};this.showcasePanel;this.setupShowcaseSelector = function(){self.showcasePanel = new showcaseSelector('.main_spotlight_summary_container .showcase_container');self.showcasePanel.setup();};this.selectShowcase = function(number){if(typeof number !== 'undefined' && self.showcasePanel){self.showcasePanel.selectOptionByNumber(number);}};this.resetContainer = function(){var container = document.getElementById(self.container);container.innerHTML = '';};this.setup = function(optionsArray){self.resetContainer();self.setupShowcaseSelector();self.setupControlPanel();self.setupOptions(optionsArray);self.addKeyboardSupport();};this.setupControlPanel = function(){var button = self.createButton('a', '', 'arrow arrow_left', '', self.selectPreviousOption, self.container);var button = self.createButton('a', '', 'arrow arrow_right', '', self.selectNextOption, self.container);var numberContainer = self.createObject('div', self.id + '_crumb_container', 'number_crumb_container', '', self.container);};this.setupOptions = function(optionsArray){if(optionsArray.length > 0){var tmpNumber = 0;for(var i = 0; i < optionsArray.length; i++){var tmpOption = optionsArray[i];self.addOption(tmpOption);}}self.selectNewPanel();};this.requestDemo = function(){var panel = new requestPanel('corporate','', document.body);panel.setup();panel.display();};this.createOptionPanel = function(tmpOption){var container = self.container;if(typeof tmpOption == 'object'){var spotlightContainer = self.createObject('div', tmpOption.nameId, 'splash_container ' + tmpOption.className, '', container);var area = document.getElementById(spotlightContainer);area.onmouseover = self.stopTimer;area.onmouseout = self.startTimer;var imageURL = base.getText(tmpOption, 'image');if(imageURL){var imageContainer = self.createObject('div','','mobile_image_container','',spotlightContainer);var image = self.createImage('','','images/home/' + imageURL,base.getText(tmpOption, 'alt'),imageContainer);}var articleContainer = self.createObject('article', '', 'content_container', '', spotlightContainer);var animation = self.getAnimation();var sectionContainer = self.createObject('section', '', 'spotlight dark left ' + animation, '', articleContainer);var h1 = self.createObject('h1', '', 'title_text blue', base.getText(tmpOption, 'title'), sectionContainer);var p = self.createObject('p', '', 'light', base.getText(tmpOption, 'content'), sectionContainer);var buttonContainer = self.createObject('div', '', 'button_container', '', sectionContainer);var button = self.createLink('a', '', 'button title_text', 'Learn More...', '/' + base.getText(tmpOption, 'url'), buttonContainer);var button = self.createButton('a', '', 'button_yellow title_text', 'Request a demo', self.requestDemo, buttonContainer);}};this.getAnimation = function(){var animations = new Array('pullLeftIn','pullRightIn');var animationNumber = Math.round(Math.random() * (animations.length - 1));return animations[animationNumber];};this.createCrumb = function(tmpOption){var crumbContainer = self.id + '_crumb_container';var optionClass = self.getCrumbClass(tmpOption);var option = self.createButton('div', tmpOption.crumbId, optionClass, '', function(){self.selectOption(tmpOption)}, crumbContainer);};this.getCrumbClass = function(tmpOption){if(tmpOption.selected == 'yes'){return 'option selected';}else{return 'option';}};this.selectNewPanel = function(){if(self.onNumber < (self.optionsArray.length - 1) && self.onNumber != null){self.onNumber++;}else{self.onNumber = 0;}self.selectOptionByNumber(self.onNumber);};this.selectPanel = function(tmpOption){for(var i = 0; i < self.optionsArray.length; i++){var nameId = self.optionsArray[i].nameId;var panel = document.getElementById(nameId);if(tmpOption.nameId == nameId){if(panel.style.display != 'block'){var className = panel.className;self.selectPanelByAnimation(nameId,className + ' ',className,1000);}}else{if(panel.style.display == 'block' || panel.style.display == ''){var className = panel.className;panel.style.display = 'none';}}if(typeof self.optionsArray[i].crumbId !== 'undefined'){var crumbClass = self.getCrumbClass(self.optionsArray[i]);document.getElementById(self.optionsArray[i].crumbId).className = crumbClass;}}};this.unselectPanelByAnimation = function(object,animationClass,defaultClass,timer){var tmpObj = document.getElementById(object);tmpObj.className = animationClass;var tmpReset = function(){tmpObj.className = defaultClass;tmpObj.style.display = 'none';};window.setTimeout(tmpReset,timer);};this.selectPanelByAnimation = function(object,animationClass,defaultClass,timer){var tmpObj = document.getElementById(object);tmpObj.className = animationClass;tmpObj.style.display = 'block';var tmpReset = function(){tmpObj.className = defaultClass;};window.setTimeout(tmpReset,timer);};this.getNextOption = function(lastOptionNumber){if(lastOptionNumber != null){var nextOptionNumber = ++lastOptionNumber;if(nextOptionNumber < self.optionsArray.length){return self.optionsArray[nextOptionNumber];}else{return self.optionsArray[0];}}};this.selectNextOption = function(){var nextOption = self.getNextOption(self.onNumber);if(nextOption){self.selectOption(nextOption);}};this.getPreviousOption = function(lastOptionNumber){if(lastOptionNumber != null){var previousOptionNumber = --lastOptionNumber;if(previousOptionNumber >= 0){return self.optionsArray[previousOptionNumber];}else{return self.optionsArray[(self.optionsArray.length - 1)];}}};this.selectPreviousOption = function(){var previousOption = self.getPreviousOption(self.onNumber);if(previousOption){self.selectOption(previousOption);}};this.unselectOption = function(tmpOption){for(var j = 0; j < self.optionsArray.length; j++){if(self.optionsArray[j] != tmpOption){if(self.optionsArray[j].selected == 'yes'){self.optionsArray[j].selected = 'no';}}}};this.selectOption = function(tmpOption){self.stopTimer();var object = document.getElementById(tmpOption.nameId);if(tmpOption.selected == 'no'){tmpOption.selected = 'yes';self.onNumber = base.inArray(self.optionsArray, tmpOption);}else{tmpOption.selected = 'no';}self.unselectOption(tmpOption);self.selectPanel(tmpOption);self.selectShowcase(tmpOption.optionNumber);self.startTimer();};this.selectOptionByNumber = function(number){for(var i = 0; i < self.optionsArray.length; i++){var tmpOption = self.optionsArray[i];if(i == number){var selection = tmpOption;}}if(selection){self.selectOption(selection);}};this.getSelectedOption = function(){for(var j = 0; j < self.optionsArray.length; j++){if(self.optionsArray[j].selected == 'yes'){return self.optionsArray[j];}}return false;};this.startTimer = function(){self.stopTimer();self.timer = setTimeout(self.selectNewPanel, 7000);};this.stopTimer = function(){clearTimeout(self.timer);}; };spotlight.prototype = new htmlBuilder();spotlight.prototype.constructor = spotlight;var imagePanelNumber = 0;var imagePanel = function(imageContainer, container){this.id ='image_panel_' + imagePanelNumber;this.number = imagePanelNumber++;this.lastSelectedOption;this.onNumber;this.optionsArray = new Array();this.timer; ;this.imageContainer = imageContainer;this.container = container;var self = this;this.optionNumber = 0;this.addOption = function(option){option.optionNumber = self.optionNumber;option.nameId = self.id + '_option_number_' + self.number + '_' + self.optionNumber++;option.selected = 'no';self.optionsArray.push(option);var panel = self.createOptionPanel(option);};this.resetContainer = function(){var container = document.getElementById(self.imageContainer);container.innerHTML = '';};this.setup = function(optionsArray){var container = document.getElementById(self.container);container.onmouseover = self.stopTimer;container.onmouseout = self.startTimer;self.resetContainer();self.setupControlPanel();self.setupOptions(optionsArray);};this.setupControlPanel = function(){var button = self.createButton('a', '', 'arrow arrow_left', '', self.selectPreviousOption, self.container);var button = self.createButton('a', '', 'arrow arrow_right', '', self.selectNextOption, self.container);};this.setupOptions = function(optionsArray){if(optionsArray.length > 0){var tmpNumber = 0;for(var i = 0; i < optionsArray.length; i++){var tmpOption = optionsArray[i];self.addOption(tmpOption);}}self.selectNewPanel();};this.createOptionPanel = function(tmpOption){var imageURL = tmpOption.image;if(imageURL){var animation = self.getPanelClass();var image = self.createImage(tmpOption.nameId,animation.selecting,'/images/home/' + imageURL,tmpOption.alt,self.imageContainer);document.getElementById(image).style.display = 'none';}};this.selectNewPanel = function(){if(self.onNumber < (self.optionsArray.length - 1) && self.onNumber != null){self.onNumber++;}else{self.onNumber = 0;}self.selectOptionByNumber(self.onNumber);};this.getPanelClass = function(lastNum, currentNum){var animation = {selecting: 'same',removing: ''};var mode = 'left_right';if(mode == 'left_right'){if(currentNum > lastNum){animation.removing = 'pullLeft';animation.selecting = 'pullRightIn';}else if(currentNum < lastNum){animation.removing = 'pullRight';animation.selecting = 'pullLeftIn';}}else{animation.removing = 'fadeOut';animation.selecting = 'fadeIn';}return animation;};this.selectPanel = function(tmpOption){var selection = self.getSelectedOption();var panelNumber = selection.optionNumber;var lastPanelNumber = (typeof self.lastSelectedOption !== 'undefined')? base.inArray(self.optionsArray, self.lastSelectedOption): 0;var animations = self.getPanelClass(lastPanelNumber, panelNumber);for(var i = 0; i < self.optionsArray.length; i++){var nameId = self.optionsArray[i].nameId;var panel = document.getElementById(nameId);if(tmpOption.nameId == nameId){panel.style.zIndex = 2;panel.style.position = 'relative';var className = 'splash_container';base.animate._in(nameId,animations.selecting,1000);}else{if(self.lastSelectedOption && self.lastSelectedOption.nameId == nameId){panel.style.zIndex = 1;panel.style.position = 'absolute';panel.style.top = '0px';var className = 'splash_container';base.animate.out(nameId,animations.removing,1000);}}}};this.getNextOption = function(lastOptionNumber){if(lastOptionNumber != null){var nextOptionNumber = ++lastOptionNumber;if(nextOptionNumber < self.optionsArray.length){return self.optionsArray[nextOptionNumber];}else{return self.optionsArray[0];}}};this.selectNextOption = function(){var nextOption = self.getNextOption(self.onNumber);if(nextOption){self.selectOption(nextOption);}};this.getPreviousOption = function(lastOptionNumber){if(lastOptionNumber != null){var previousOptionNumber = --lastOptionNumber;if(previousOptionNumber >= 0){return self.optionsArray[previousOptionNumber];}else{return self.optionsArray[(self.optionsArray.length - 1)];}}};this.selectPreviousOption = function(){var previousOption = self.getPreviousOption(self.onNumber);if(previousOption){self.selectOption(previousOption);}};this.setLastSelectedOption = function(option){self.lastSelectedOption = option;};this.unselectOption = function(tmpOption){for(var j = 0; j < self.optionsArray.length; j++){if(self.optionsArray[j] != tmpOption){if(self.optionsArray[j].selected == 'yes'){self.optionsArray[j].selected = 'no';}}}};this.selectOption = function(tmpOption){self.stopTimer();var object = document.getElementById(tmpOption.nameId);if(tmpOption.selected == 'no'){tmpOption.selected = 'yes';self.onNumber = base.inArray(self.optionsArray, tmpOption);}else{tmpOption.selected = 'no';}self.unselectOption(tmpOption);self.selectPanel(tmpOption);self.setLastSelectedOption(tmpOption);self.startTimer();};this.selectOptionByNumber = function(number){for(var i = 0; i < self.optionsArray.length; i++){var tmpOption = self.optionsArray[i];if(i == number){var selection = tmpOption;}}if(selection){self.selectOption(selection);}};this.getSelectedOption = function(){for(var j = 0; j < self.optionsArray.length; j++){if(self.optionsArray[j].selected == 'yes'){return self.optionsArray[j];}}return false;};this.startTimer = function(){self.stopTimer();self.timer = setTimeout(self.selectNewPanel, 7000);};this.stopTimer = function(){clearTimeout(self.timer);}; };imagePanel.prototype = new htmlBuilder();imagePanel.prototype.constructor = imagePanel;var homeSetup = function(){this.spotlightPanel;this.mobileSize = 1199;var self = this;this.setup = function(){self.setupSpotlight();self.setupImagePanel();self.setupMagnifierAnimation();self.addScroll();self.checkScroll();self.addVideoListeners();};this.setupSpotlight = function(){var spotlights = new Array({tag: 'complete',title: 'Your complete <br><span>online business solution</span>',content: "Websites, Online Marketing, Social Media, and Reminder/Retention Systems for any size company <br>and budget.",className: 'spotlight_complete',image: 'complete_m.png',alt: 'Complete Website Solution',url: 'services/complete-online-business-solutions'},{tag: 'responsive',title: 'Creative, Custom <br><span>Responsive Website Design</span>',content: "Our designers work with you to create each individual website from scratch. Your vision, guided by professional designers. ",className: 'spotlight_responsive',image: 'responsive_m.png',alt: 'Responsive Website Design',url: 'services/responsive-website-design'},{tag: 'marketing',title: 'Search Engine <br><span>Optimization Pros</span>',content: "Your business needs to stay on top. Our SEO professionals stay on top of the latest techniques to keep you there.",className: 'spotlight_seo',image: 'responsive_m.png',alt: 'Internet Marketing',url: 'services/seo-and-online-marketing'},{tag: 'social',title: 'Socialize With <br><span>Your Customer Base</span>',content: "Social media is one of the best ways to stay <br>connected with and market to your customer<br> base. Our social media managers help you <br>stay connected.",className: 'spotlight_social',image: 'social_m.png',alt: 'Social Media Management',url: 'services/social-media-management'});self.spotlightPanel = new spotlight('spotlight_container');self.spotlightPanel.setup(spotlights);};this.setupImagePanel = function(){var images = new Array({title: '',className: '',image: 'portfolio_1.png',alt: 'Portfolio Thumbnail Responsive Web Design'},{title: '',className: '',image: 'portfolio_2.png',alt: 'Portfolio Thumbnail Responsive Web Design'},{title: '',className: '',image: 'portfolio_3.png',alt: 'Portfolio Thumbnail Responsive Web Design'},{title: '',className: '',image: 'portfolio_4.png',alt: 'Portfolio Thumbnail Responsive Web Design'},{title: '',className: '',image: 'portfolio_5.png',alt: 'Portfolio Thumbnail Responsive Web Design'},{title: '',className: '',image: 'portfolio_6.png',alt: 'Portfolio Thumbnail Responsive Web Design'});var tmpImagePanel = new imagePanel('portfolio_image_container', 'responsive_portfolio');tmpImagePanel.setup(images);};this.addScroll = function(){base.addListener('scroll', window, self.checkScroll);base.addListener('resize', window, self.checkScroll);};this.animate = true;this.checkScroll= function(){var panel = document.getElementById('social_animation_container');var scrollTop = base.getScrollTop();var documentHeight = (base.getDocumentHeight() - base.getWindowHeight());var isMobile = self.isMobile();if(typeof panel !== 'undefined' && isMobile == false){var position = base.getPosition(panel);var animationStart = 2515;if(scrollTop >= animationStart){if(self.animate == true){base.removeClass(panel, 'animate');base.attr(panel, 'offsetWidth', panel.offsetWidth);base.addClass(panel, 'animate');}self.animate = false;}else{self.animate = true;base.removeClass(panel, 'animate');}}};this.setupMagnifierAnimation = function(){this.animation ={timer: '',setup: function(){this.animate();this.startTimer();},startTimer: function(){this.stopTimer();var self = this;this.timer = setInterval(function(){self.animate()}, 1500);},stopTimer: function(){var self = this;clearInterval(self.timer);},animate: function(){var container = document.getElementById('seo_laptop');var magnifier = document.getElementById('seo_magnifier');var containerSize = base.getSize(container);var magnifierSize = base.getSize(magnifier);var maxWidth = (containerSize.width - (magnifier.width));var maxHeight = (containerSize.height - (magnifier.height));magnifier.style.left = Math.random() * maxWidth + 'px';magnifier.style.top = Math.random() * maxHeight + 'px';}};this.animation.setup();var container = document.getElementById('seo_laptop');};this.isMobile = function(){var windowWidth = base.getWindowWidth();if(typeof windowWidth !== 'undefined'){if(windowWidth > self.mobileSize){return false;}else{return true;}}};this.addVideoListeners = function(){var vid = document.getElementById('video');base.addListener('click', vid, self.viewVideo);};this.viewVideo = function(){var vid = {title: 'Why choose Business Promotion?',source: 'https://www.youtube.com/embed/070VEInHH64?wmode=opaque&autoplay=1&rel=0'};var panel = new videoPanel(vid, '', document.body);panel.setup();panel.display();};};var bpiHome = new homeSetup();base.onLoad(bpiHome.setup);</script></body> </html>