From ed7826554521134afa01520e43ea092d54bdc895 Mon Sep 17 00:00:00 2001
From: Gordon Koo <gordon@gordonkoo.com>
Date: Thu, 28 Mar 2013 14:16:29 -0700
Subject: [PATCH] fix error when hopscotch is included in the head, instead of
 end of body

---
 js/hopscotch-0.0.5.js     | 33 ++++++++++++++++++--
 js/hopscotch-0.0.5.min.js | 64 +++++++++++++++++++--------------------
 2 files changed, 63 insertions(+), 34 deletions(-)

diff --git a/js/hopscotch-0.0.5.js b/js/hopscotch-0.0.5.js
index 84e67edb..cc75c0c1 100644
--- a/js/hopscotch-0.0.5.js
+++ b/js/hopscotch-0.0.5.js
@@ -27,7 +27,7 @@
       },
       hasJquery         = (typeof window.jQuery !== undefinedStr),
       hasSessionStorage = (typeof window.sessionStorage !== undefinedStr),
-      docStyle          = document.body.style,
+      docStyle          = document.head.style,
       hasCssTransitions = (typeof docStyle.MozTransition    !== undefinedStr ||
                            typeof docStyle.MsTransition     !== undefinedStr ||
                            typeof docStyle.webkitTransition !== undefinedStr ||
@@ -962,6 +962,7 @@
           resizeCooldown  = false, // for updating after window resize
           onWinResize,
           winResizeTimeout,
+          appendToBody,
           opt;
 
       this.element        = el;
@@ -1039,7 +1040,35 @@
       }
 
       this.hide();
-      document.body.appendChild(el);
+
+      /**
+       * Append to body once the DOM is ready.
+       */
+      if ( document.readyState === 'complete' ) {
+        document.body.appendChild(el);
+      }
+      else {
+        // Moz, webkit, Opera
+        if (document.addEventListener) {
+          appendToBody = function() {
+            document.removeEventListener('DOMContentLoaded', appendToBody);
+            document.body.appendChild(el);
+          };
+
+          document.addEventListener('DOMContentLoaded', appendToBody);
+        }
+        // IE
+        else {
+          appendToBody = function() {
+            if (document.readyState === 'complete') {
+              document.detachEvent('onreadystatechange', appendToBody);
+              document.body.appendChild(el);
+            }
+          };
+
+          document.attachEvent('onreadystatechange', appendToBody);
+        }
+      }
     }
   };
 
diff --git a/js/hopscotch-0.0.5.min.js b/js/hopscotch-0.0.5.min.js
index f437fa64..9ecf195f 100644
--- a/js/hopscotch-0.0.5.min.js
+++ b/js/hopscotch-0.0.5.min.js
@@ -1,34 +1,34 @@
-(function(u,v){var j,w,B,l,C=window.Sizzle||null,b,n,x,i=u[v],D=!1,r={animate:!1,smoothScroll:!0,scrollDuration:1E3,scrollTopMargin:200,showCloseButton:!0,showPrevButton:!1,showNextButton:!0,bubbleWidth:280,bubblePadding:15,arrowWidth:20,skipIfNoElement:!0},y="undefined"!==typeof window.jQuery,s="undefined"!==typeof window.sessionStorage;j=document.body.style;var F="undefined"!==typeof j.MozTransition||"undefined"!==typeof j.MsTransition||"undefined"!==typeof j.webkitTransition||"undefined"!==typeof j.OTransition||
-"undefined"!==typeof j.transition;i||(j=function(){D&&i.startTour()},window.addEventListener?window.addEventListener("load",j,!1):window.attachEvent&&window.attachEvent("onload",j),b={addClass:function(a,e){var b,c,f;if(0===a.className.length)a.className=e;else{b=a.className.split(/\s+/);c=0;for(f=b.length;c<f;++c)if(b[c]===e)return;b.splice(0,0,e);a.className=b.join(" ")}},removeClass:function(a,b){var d,c,f,h,g,i,k;c=b.split(/\s+/);d=a.className.split(/\s+/);h=0;for(i=c.length;h<i;++h){f=c[h];g=
-0;for(k=d.length;g<k&&d[g]!==f;++g);g<k&&d.splice(g,1)}a.className=d.join(" ")},getPixelValue:function(a){var b=typeof a;return"number"===b?a:"string"===b?parseInt(a,10):0},valOrDefault:function(a,b){return"undefined"!==typeof a?a:b},invokeCallbackArrayHelper:function(a){var e;b.isArray(a)&&(e=x[a[0]],"function"===typeof e&&e.apply(this,a.slice(1)))},invokeCallbackArray:function(a){var e,d;if(b.isArray(a))if("string"===typeof a[0])b.invokeCallbackArrayHelper(a);else{e=0;for(d=a.length;e<d;++e)b.invokeCallback(a[e])}},
-invokeCallback:function(a){"function"===typeof a?a():b.invokeCallbackArray(a)},invokeEventCallbacks:function(a){var a=n[a],b,d;b=0;for(d=a.length;b<d;++b)this.invokeCallback(a[b].cb)},getScrollTop:function(){return"undefined"!==typeof window.pageYOffset?window.pageYOffset:document.documentElement.scrollTop},getScrollLeft:function(){return"undefined"!==typeof window.pageXOffset?window.pageXOffset:document.documentElement.scrollLeft},getWindowHeight:function(){return window.innerHeight||document.documentElement.clientHeight},
+(function(v,B){var j,w,C,m,D=window.Sizzle||null,b,p,x,l=v[B],E=!1,s={animate:!1,smoothScroll:!0,scrollDuration:1E3,scrollTopMargin:200,showCloseButton:!0,showPrevButton:!1,showNextButton:!0,bubbleWidth:280,bubblePadding:15,arrowWidth:20,skipIfNoElement:!0},y="undefined"!==typeof window.jQuery,t="undefined"!==typeof window.sessionStorage;j=document.head.style;var G="undefined"!==typeof j.MozTransition||"undefined"!==typeof j.MsTransition||"undefined"!==typeof j.webkitTransition||"undefined"!==typeof j.OTransition||
+"undefined"!==typeof j.transition;l||(j=function(){E&&l.startTour()},window.addEventListener?window.addEventListener("load",j,!1):window.attachEvent&&window.attachEvent("onload",j),b={addClass:function(a,c){var b,e,f;if(0===a.className.length)a.className=c;else{b=a.className.split(/\s+/);e=0;for(f=b.length;e<f;++e)if(b[e]===c)return;b.splice(0,0,c);a.className=b.join(" ")}},removeClass:function(a,c){var b,e,f,h,g,i,k;e=c.split(/\s+/);b=a.className.split(/\s+/);h=0;for(i=e.length;h<i;++h){f=e[h];g=
+0;for(k=b.length;g<k&&b[g]!==f;++g);g<k&&b.splice(g,1)}a.className=b.join(" ")},getPixelValue:function(a){var b=typeof a;return"number"===b?a:"string"===b?parseInt(a,10):0},valOrDefault:function(a,b){return"undefined"!==typeof a?a:b},invokeCallbackArrayHelper:function(a){var c;b.isArray(a)&&(c=x[a[0]],"function"===typeof c&&c.apply(this,a.slice(1)))},invokeCallbackArray:function(a){var c,d;if(b.isArray(a))if("string"===typeof a[0])b.invokeCallbackArrayHelper(a);else{c=0;for(d=a.length;c<d;++c)b.invokeCallback(a[c])}},
+invokeCallback:function(a){"function"===typeof a?a():b.invokeCallbackArray(a)},invokeEventCallbacks:function(a){var a=p[a],b,d;b=0;for(d=a.length;b<d;++b)this.invokeCallback(a[b].cb)},getScrollTop:function(){return"undefined"!==typeof window.pageYOffset?window.pageYOffset:document.documentElement.scrollTop},getScrollLeft:function(){return"undefined"!==typeof window.pageXOffset?window.pageXOffset:document.documentElement.scrollLeft},getWindowHeight:function(){return window.innerHeight||document.documentElement.clientHeight},
 getWindowWidth:function(){return window.innerWidth||document.documentElement.clientWidth},addClickListener:function(a,b){return a.addEventListener?a.addEventListener("click",b,!1):a.attachEvent("onclick",b)},removeClickListener:function(a,b){return a.removeEventListener?a.removeEventListener("click",b,!1):a.detachEvent("click",b)},evtPreventDefault:function(a){a.preventDefault?a.preventDefault():event&&(event.returnValue=!1)},extend:function(a,b){for(var d in b)b.hasOwnProperty(d)&&(a[d]=b[d])},getStepTarget:function(a){return!a||
-!a.target?null:"string"===typeof a.target?/^[#\.]/.test(a.target)?document.querySelector?document.querySelector(a.target):y?(a=jQuery(a.target),a.length?a[0]:null):C?(a=new C(a.target),a.length?a[0]:null):"#"===a.target[0]&&-1===a.target.indexOf(" ")?document.getElementById(a.target.substring(1)):null:document.getElementById(a.target):a.target},isArray:function(a){return"number"===typeof a.length&&"function"===typeof a.unshift&&"function"===typeof a.push},setState:function(a,b,d){var c="";s?sessionStorage.setItem(a,
-b):(d&&(c=new Date,c.setTime(c.getTime()+864E5*d),c="; expires="+c.toGMTString()),document.cookie=a+"="+b+c+"; path=/")},getState:function(a){var b=a+"=",d=document.cookie.split(";"),c,f;if(s)f=sessionStorage.getItem(a);else for(a=0;a<d.length;a++){for(c=d[a];" "===c.charAt(0);)c=c.substring(1,c.length);if(0===c.indexOf(b)){f=c.substring(b.length,c.length);break}}return f},clearState:function(a){s?sessionStorage.removeItem(a):this.setState(a,"",-1)}},n={next:[],prev:[],start:[],end:[],show:[],error:[],
-close:[]},x={},l={stepNums:null,nextBtn:"Next",prevBtn:"Back",doneBtn:"Done",skipBtn:"Skip",closeTooltip:"Close"},w=function(a){this.init(a)},w.prototype={isShowing:!1,currStep:void 0,_createButton:function(a,e){var d=document.createElement("button");d.id=a;d.innerHTML=e;b.addClass(d,"hopscotch-nav-button");0<=a.indexOf("prev")?b.addClass(d,"prev"):b.addClass(d,"next");return d},setPosition:function(a){var e,d,c,f,h;c=b.getStepTarget(a);var g=this.element,i=this.arrowEl,k=b.getPixelValue(a.arrowOffset);
-e=b.getPixelValue(a.width)||this.opt.bubbleWidth;d=b.valOrDefault(a.padding,this.opt.bubblePadding);b.removeClass(g,"fade-in-down fade-in-up fade-in-left fade-in-right");c=c.getBoundingClientRect();"top"===a.orientation?(e=g.offsetHeight,f=c.top-e-this.opt.arrowWidth,h=c.left):"bottom"===a.orientation?(f=c.bottom+this.opt.arrowWidth,h=c.left):"left"===a.orientation?(f=c.top,h=c.left-e-2*d-12-this.opt.arrowWidth):"right"===a.orientation&&(f=c.top,h=c.right+this.opt.arrowWidth);if(k)if("top"===a.orientation||
-"bottom"===a.orientation)i.style.top="",i.style.left=k+"px";else{if("left"===a.orientation||"right"===a.orientation)i.style.left="",i.style.top=k+"px"}else i.style.top="",i.style.left="";h+=b.getPixelValue(a.xOffset);f+=b.getPixelValue(a.yOffset);a.fixedElement||(f+=b.getScrollTop(),h+=b.getScrollLeft());g.style.position=a.fixedElement?"fixed":"absolute";this.opt.animate&&y&&!F?$(g).animate({top:f+"px",left:h+"px"}):(g.style.top=f+"px",g.style.left=h+"px")},_initNavButtons:function(){var a=document.createElement("div");
-this.prevBtnEl=this._createButton("hopscotch-prev",l.prevBtn);this.nextBtnEl=this._createButton("hopscotch-next",l.nextBtn);this.doneBtnEl=this._createButton("hopscotch-done",l.doneBtn);b.addClass(this.doneBtnEl,"hide");a.appendChild(this.prevBtnEl);a.appendChild(this.nextBtnEl);a.appendChild(this.doneBtnEl);b.addClickListener(this.prevBtnEl,function(){i.prevStep(!0)});b.addClickListener(this.nextBtnEl,function(){i.nextStep(!0)});b.addClickListener(this.doneBtnEl,i.endTour);a.className="hopscotch-actions";
-this.buttonsEl=a;this.containerEl.appendChild(a);return this},_getCloseFn:function(){var a=this;this.closeFn||(this.closeFn=function(e){a.opt.onClose&&b.invokeCallback(a.opt.onClose);a.opt.id&&!a.opt.isTourBubble?i.getCalloutManager().removeCallout(a.opt.id):a.destroy();b.evtPreventDefault(e)});return this.closeFn},initCloseButton:function(){var a=document.createElement("a");a.className="hopscotch-bubble-close";a.href="#";a.title=l.closeTooltip;a.innerHTML=l.closeTooltip;this.opt.isTourBubble?b.addClickListener(a,
-function(a){var d=i.getCurrStepNum(),c=i.getCurrTour(),d=d===c.steps.length-1;b.invokeEventCallbacks("close");i.endTour(!0,d);a.preventDefault?a.preventDefault():event&&(event.returnValue=!1)}):b.addClickListener(a,this._getCloseFn());this.closeBtnEl=a;this.containerEl.appendChild(a);return this},_initArrow:function(){var a,b;this.arrowEl=document.createElement("div");this.arrowEl.className="hopscotch-bubble-arrow-container";b=document.createElement("div");b.className="hopscotch-bubble-arrow-border";
-a=document.createElement("div");a.className="hopscotch-bubble-arrow";this.arrowEl.appendChild(b);this.arrowEl.appendChild(a);this.element.appendChild(this.arrowEl);return this},render:function(a,e,d,c){var f=this.element,h,g;a?this.currStep=a:this.currStep&&(a=this.currStep);h=b.valOrDefault(a.showNextButton,this.opt.showNextButton);g=b.valOrDefault(a.showPrevButton,this.opt.showPrevButton);this.setTitle(a.title||"");this.setContent(a.content||"");this.opt.showNumber&&this.setNum(e);this.orientation=
-a.orientation;this.opt.showNavButtons&&(this.showPrevButton(this.prevBtnEl&&g&&0<e),this.showNextButton(this.nextBtnEl&&h&&!d),this.nextBtnEl.value=a.showSkip?l.skipBtn:l.nextBtn,d?b.removeClass(this.doneBtnEl,"hide"):b.addClass(this.doneBtnEl,"hide"));this._setArrow(a.orientation);e=b.getPixelValue(a.width)||this.opt.bubbleWidth;d=b.valOrDefault(a.padding,this.opt.bubblePadding);this.containerEl.style.width=e+"px";this.containerEl.style.padding=d+"px";f.style.zIndex=a.zindex||"";"top"===a.orientation?
-(f.style.top="-9999px",f.style.left="-9999px",b.removeClass(f,"hide"),this.setPosition(a),b.addClass(f,"hide")):this.setPosition(a);c&&c(!a.fixedElement);return this},setTitle:function(a){a?(this.titleEl.innerHTML=a,b.removeClass(this.titleEl,"hide")):b.addClass(this.titleEl,"hide");return this},setContent:function(a){a?(this.contentEl.innerHTML=a,b.removeClass(this.contentEl,"hide")):b.addClass(this.contentEl,"hide");return this},setNum:function(a){a=l.stepNums&&a<l.stepNums.length?l.stepNums[a]:
+!a.target?null:"string"===typeof a.target?/^[#\.]/.test(a.target)?document.querySelector?document.querySelector(a.target):y?(a=jQuery(a.target),a.length?a[0]:null):D?(a=new D(a.target),a.length?a[0]:null):"#"===a.target[0]&&-1===a.target.indexOf(" ")?document.getElementById(a.target.substring(1)):null:document.getElementById(a.target):a.target},isArray:function(a){return"number"===typeof a.length&&"function"===typeof a.unshift&&"function"===typeof a.push},setState:function(a,b,d){var e="";t?sessionStorage.setItem(a,
+b):(d&&(e=new Date,e.setTime(e.getTime()+864E5*d),e="; expires="+e.toGMTString()),document.cookie=a+"="+b+e+"; path=/")},getState:function(a){var b=a+"=",d=document.cookie.split(";"),e,f;if(t)f=sessionStorage.getItem(a);else for(a=0;a<d.length;a++){for(e=d[a];" "===e.charAt(0);)e=e.substring(1,e.length);if(0===e.indexOf(b)){f=e.substring(b.length,e.length);break}}return f},clearState:function(a){t?sessionStorage.removeItem(a):this.setState(a,"",-1)}},p={next:[],prev:[],start:[],end:[],show:[],error:[],
+close:[]},x={},m={stepNums:null,nextBtn:"Next",prevBtn:"Back",doneBtn:"Done",skipBtn:"Skip",closeTooltip:"Close"},w=function(a){this.init(a)},w.prototype={isShowing:!1,currStep:void 0,_createButton:function(a,c){var d=document.createElement("button");d.id=a;d.innerHTML=c;b.addClass(d,"hopscotch-nav-button");0<=a.indexOf("prev")?b.addClass(d,"prev"):b.addClass(d,"next");return d},setPosition:function(a){var c,d,e,f,h;e=b.getStepTarget(a);var g=this.element,i=this.arrowEl,k=b.getPixelValue(a.arrowOffset);
+c=b.getPixelValue(a.width)||this.opt.bubbleWidth;d=b.valOrDefault(a.padding,this.opt.bubblePadding);b.removeClass(g,"fade-in-down fade-in-up fade-in-left fade-in-right");e=e.getBoundingClientRect();"top"===a.orientation?(c=g.offsetHeight,f=e.top-c-this.opt.arrowWidth,h=e.left):"bottom"===a.orientation?(f=e.bottom+this.opt.arrowWidth,h=e.left):"left"===a.orientation?(f=e.top,h=e.left-c-2*d-12-this.opt.arrowWidth):"right"===a.orientation&&(f=e.top,h=e.right+this.opt.arrowWidth);if(k)if("top"===a.orientation||
+"bottom"===a.orientation)i.style.top="",i.style.left=k+"px";else{if("left"===a.orientation||"right"===a.orientation)i.style.left="",i.style.top=k+"px"}else i.style.top="",i.style.left="";h+=b.getPixelValue(a.xOffset);f+=b.getPixelValue(a.yOffset);a.fixedElement||(f+=b.getScrollTop(),h+=b.getScrollLeft());g.style.position=a.fixedElement?"fixed":"absolute";this.opt.animate&&y&&!G?$(g).animate({top:f+"px",left:h+"px"}):(g.style.top=f+"px",g.style.left=h+"px")},_initNavButtons:function(){var a=document.createElement("div");
+this.prevBtnEl=this._createButton("hopscotch-prev",m.prevBtn);this.nextBtnEl=this._createButton("hopscotch-next",m.nextBtn);this.doneBtnEl=this._createButton("hopscotch-done",m.doneBtn);b.addClass(this.doneBtnEl,"hide");a.appendChild(this.prevBtnEl);a.appendChild(this.nextBtnEl);a.appendChild(this.doneBtnEl);b.addClickListener(this.prevBtnEl,function(){l.prevStep(!0)});b.addClickListener(this.nextBtnEl,function(){l.nextStep(!0)});b.addClickListener(this.doneBtnEl,l.endTour);a.className="hopscotch-actions";
+this.buttonsEl=a;this.containerEl.appendChild(a);return this},_getCloseFn:function(){var a=this;this.closeFn||(this.closeFn=function(c){a.opt.onClose&&b.invokeCallback(a.opt.onClose);a.opt.id&&!a.opt.isTourBubble?l.getCalloutManager().removeCallout(a.opt.id):a.destroy();b.evtPreventDefault(c)});return this.closeFn},initCloseButton:function(){var a=document.createElement("a");a.className="hopscotch-bubble-close";a.href="#";a.title=m.closeTooltip;a.innerHTML=m.closeTooltip;this.opt.isTourBubble?b.addClickListener(a,
+function(a){var d=l.getCurrStepNum(),e=l.getCurrTour(),d=d===e.steps.length-1;b.invokeEventCallbacks("close");l.endTour(!0,d);a.preventDefault?a.preventDefault():event&&(event.returnValue=!1)}):b.addClickListener(a,this._getCloseFn());this.closeBtnEl=a;this.containerEl.appendChild(a);return this},_initArrow:function(){var a,b;this.arrowEl=document.createElement("div");this.arrowEl.className="hopscotch-bubble-arrow-container";b=document.createElement("div");b.className="hopscotch-bubble-arrow-border";
+a=document.createElement("div");a.className="hopscotch-bubble-arrow";this.arrowEl.appendChild(b);this.arrowEl.appendChild(a);this.element.appendChild(this.arrowEl);return this},render:function(a,c,d,e){var f=this.element,h,g;a?this.currStep=a:this.currStep&&(a=this.currStep);h=b.valOrDefault(a.showNextButton,this.opt.showNextButton);g=b.valOrDefault(a.showPrevButton,this.opt.showPrevButton);this.setTitle(a.title||"");this.setContent(a.content||"");this.opt.showNumber&&this.setNum(c);this.orientation=
+a.orientation;this.opt.showNavButtons&&(this.showPrevButton(this.prevBtnEl&&g&&0<c),this.showNextButton(this.nextBtnEl&&h&&!d),this.nextBtnEl.value=a.showSkip?m.skipBtn:m.nextBtn,d?b.removeClass(this.doneBtnEl,"hide"):b.addClass(this.doneBtnEl,"hide"));this._setArrow(a.orientation);c=b.getPixelValue(a.width)||this.opt.bubbleWidth;d=b.valOrDefault(a.padding,this.opt.bubblePadding);this.containerEl.style.width=c+"px";this.containerEl.style.padding=d+"px";f.style.zIndex=a.zindex||"";"top"===a.orientation?
+(f.style.top="-9999px",f.style.left="-9999px",b.removeClass(f,"hide"),this.setPosition(a),b.addClass(f,"hide")):this.setPosition(a);e&&e(!a.fixedElement);return this},setTitle:function(a){a?(this.titleEl.innerHTML=a,b.removeClass(this.titleEl,"hide")):b.addClass(this.titleEl,"hide");return this},setContent:function(a){a?(this.contentEl.innerHTML=a,b.removeClass(this.contentEl,"hide")):b.addClass(this.contentEl,"hide");return this},setNum:function(a){a=m.stepNums&&a<m.stepNums.length?m.stepNums[a]:
 a+1;this.numberEl.innerHTML=a},_setArrow:function(a){b.removeClass(this.arrowEl,"down up right left");"top"===a?b.addClass(this.arrowEl,"down"):"bottom"===a?b.addClass(this.arrowEl,"up"):"left"===a?b.addClass(this.arrowEl,"right"):"right"===a&&b.addClass(this.arrowEl,"left")},_getArrowDirection:function(){if("top"===this.orientation)return"down";if("bottom"===this.orientation)return"up";if("left"===this.orientation)return"right";if("right"===this.orientation)return"left"},show:function(){var a=this,
-e="fade-in-"+this._getArrowDirection();b.removeClass(this.element,"hide");this.opt.animate?setTimeout(function(){b.addClass(a.element,"animate")},50):(b.addClass(this.element,e),setTimeout(function(){b.removeClass(a.element,"invisible")},50),setTimeout(function(){b.removeClass(a.element,e)},1E3));this.isShowing=!0;return this},hide:function(a){var e=this.element,a=b.valOrDefault(a,!0);e.style.top="";e.style.left="";a?(b.addClass(e,"hide"),b.removeClass(e,"invisible")):(b.removeClass(e,"hide"),this.opt.animate||
-b.addClass(e,"invisible"));b.removeClass(e,"animate fade-in-up fade-in-down fade-in-right fade-in-left");this.isShowing=!1;return this},_showButton:function(a,e,d){var c="hide";d&&(c="hide-all");"undefined"===typeof e&&(e=!0);e?b.removeClass(a,c):b.addClass(a,c)},showPrevButton:function(a,b){this._showButton(this.prevBtnEl,a,b)},showNextButton:function(a,b){this._showButton(this.nextBtnEl,a,b)},showCloseButton:function(a,b){this._showButton(this.closeBtnEl,a,b)},_initAnimate:function(){var a=this;
-setTimeout(function(){b.addClass(a.element,"animate")},50)},_removeAnimate:function(){b.removeClass(this.element,"animate")},destroy:function(){var a=this.element;a&&a.parentNode.removeChild(a);this.closeBtnEl&&b.removeClickListener(this.closeBtnEl,this._getCloseFn())},init:function(a){var e=document.createElement("div"),d=document.createElement("div"),c=document.createElement("div"),f=this,h=!1,g;this.element=e;this.containerEl=d;this.titleEl=document.createElement("h3");this.contentEl=document.createElement("p");
-g={animate:r.animate,showPrevButton:r.showPrevButton,showNextButton:r.showNextButton,bubbleWidth:r.bubbleWidth,bubblePadding:r.bubblePadding,arrowWidth:r.arrowWidth,showNumber:!0,showNavButtons:!0,isTourBubble:!0};a="undefined"===typeof a?{}:a;b.extend(g,a);this.opt=g;e.className="hopscotch-bubble animated";d.className="hopscotch-bubble-container";g.showNumber?(this.numberEl=document.createElement("span"),this.numberEl.className="hopscotch-bubble-number",d.appendChild(this.numberEl)):b.addClass(e,
-"no-number");c.appendChild(this.titleEl);c.appendChild(this.contentEl);c.className="hopscotch-bubble-content";d.appendChild(c);e.appendChild(d);g.showNavButtons&&this._initNavButtons();this.initCloseButton();this._initArrow();a=function(){!h&&f.isShowing&&(h=!0,setTimeout(function(){f.setPosition(f.currStep);h=!1},100))};window.addEventListener?window.addEventListener("resize",a,!1):window.attachEvent&&window.attachEvent("onresize",a,!1);this.hide();document.body.appendChild(e)}},B=function(){var a=
-{};this.createCallout=function(b){var d;if(b.id){if(a[b.id])throw"Callout by that id already exists. Please choose a unique id.";b.isTourBubble=!1;d=new w(b);a[b.id]=d;b.target&&d.render(b,null,null,function(){d.show()})}else throw"Must specify a callout id.";return d};this.getCallout=function(b){return a[b]};this.removeAllCallouts=function(){for(var b in a)a.hasOwnProperty(b)&&this.removeCallout(b)};this.removeCallout=function(b){var d=a[b];a[b]=null;d&&d.destroy()}},j=function(a){var e=this,d,c,
-f,h,g,j,k,s,t=function(){d||(d=new w({animate:f.animate,bubblePadding:f.bubblePadding,bubbleWidth:f.bubbleWidth,showNextButton:f.showNextButton,showPrevButton:f.showPrevButton,arrowWidth:f.arrowWidth}));return d},p=function(){return 0>g||g>=h.steps.length?null:h.steps[g]},u=function(){e.nextStep(!1)},z=function(a,d){var q,f;0<=g+a&&g+a<h.steps.length?(g+=a,f=p(),setTimeout(function(){(q=b.getStepTarget(f))?d(g):(b.invokeEventCallbacks("error"),z(a,d))},b.valOrDefault(f.delay,0))):d(-1)},v=function(a,
-d){var q=this,c,e,i,A;t().hide();a=b.valOrDefault(a,!0);e=c=p();i=c.multipage;A=function(f){if(-1===f)return this.endTour(!0);if(a&&(0<d&&e.onNext?b.invokeCallback(e.onNext):0>d&&e.onPrev&&b.invokeCallback(e.onPrev),b.invokeEventCallbacks(0<d?"next":"prev"),0<d&&i))return;this.showStep(f)};if(!i&&f.skipIfNoElement)z(d,function(a){A.call(q,a)});else if(0<=g+d&&g+d<h.steps.length){g+=d;c=p();if(!b.getStepTarget(c)&&!i)return b.invokeEventCallbacks("error"),this.endTour(!0,!1);A.call(this,g)}return this};
-this.getCalloutManager=function(){"undefined"===typeof c&&(c=new B);return c};this.startTour=function(a,d){var c;if(!h){c={};var e;h=a;for(e in a)a.hasOwnProperty(e)&&("id"!==e&&"steps"!==e)&&(c[e]=a[e]);this.resetDefaultOptions();s.call(this,c,!0);if(c=b.getState(f.cookieName))c=c.split(":"),j=c[0],k=c[1],k=parseInt(k,10),2<c.length&&"mp"===c[2]&&k<h.steps.length-1&&++k}"undefined"!==typeof d&&(g=d);if("complete"!==document.readyState)return D=!0,this;if("undefined"===typeof g)if(h.id===j&&"undefined"!==
-typeof k){if(g=k,c=p(),c=b.getStepTarget(c),c||(--g,c=p(),c=b.getStepTarget(c)),!c&&f.skipIfNoElement&&(z(1),c=-1!==g&&b.getStepTarget(h.steps[g])),!c)return this.endTour(!1,!1),this}else g=0;b.invokeEventCallbacks("start");c=t();c.hide(!1);this.isActive=!0;f.animate&&c._initAnimate();b.getStepTarget(p())?this.showStep(g):(b.invokeEventCallbacks("error"),f.skipIfNoElement&&this.nextStep(!1));return this};this.showStep=function(a){var c=h.steps[a];setTimeout(function(){var d=h.steps.length,e=h.id+
-":"+a,i=t(),k=b.getStepTarget(c);g=a;f.animate||i.hide(!1);i.render(c,a,a===d-1,function(a){if(a){var d=function(){i.show()},e=t().element,a=b.getPixelValue(e.style.top),e=a+b.getPixelValue(e.offsetHeight),g=b.getStepTarget(p()).getBoundingClientRect(),h=g.top+b.getScrollTop(),g=g.bottom+b.getScrollTop(),a=a<h?a:h,e=e>g?e:g,h=b.getScrollTop(),g=h+b.getWindowHeight(),m=a-f.scrollTopMargin,q,E,j;a>=h&&(a<=h+f.scrollTopMargin||e<=g)?d&&d():f.smoothScroll?"undefined"!==typeof YAHOO&&"undefined"!==typeof YAHOO.env&&
-"undefined"!==typeof YAHOO.env.ua&&"undefined"!==typeof YAHOO.util&&"undefined"!==typeof YAHOO.util.Scroll?(a=YAHOO.env.ua.webkit?document.body:document.documentElement,e=YAHOO.util.Easing?YAHOO.util.Easing.easeOut:void 0,a=new YAHOO.util.Scroll(a,{scroll:{to:[0,m]}},f.scrollDuration/1E3,e),a.onComplete.subscribe(d),a.animate()):y?$("body, html").animate({scrollTop:m},f.scrollDuration,d):(0>m&&(m=0),q=h>a?-1:1,E=Math.abs(h-m)/(f.scrollDuration/10),j=function(){var a=b.getScrollTop(),c=a+q*E;0<q&&
-c>=m||0>q&&c<=m?(c=m,d&&d(),window.scrollTo(0,c)):(window.scrollTo(0,c),b.getScrollTop()===a?d&&d():setTimeout(j,10))},j()):(window.scrollTo(0,m),d&&d())}else i.show();c.onShow&&b.invokeCallback(c.onShow);c.nextOnTargetClick&&b.addClickListener(k,u)});b.invokeEventCallbacks("show");c.multipage&&(e+=":mp");b.setState(f.cookieName,e,1)},c.delay||0);return this};this.prevStep=function(a){v.call(this,a,-1);return this};this.nextStep=function(a){var c=p(),d=b.getStepTarget(c);c.nextOnTargetClick&&b.removeClickListener(d,
-u);v.call(this,a,1);return this};this.endTour=function(a,c){var d=t(),a=b.valOrDefault(a,!0),c=b.valOrDefault(c,!0);g=0;k=void 0;d.hide();a&&b.clearState(f.cookieName);i.isActive=!1;h&&c&&b.invokeEventCallbacks("end");i.removeCallbacks(!0);h=null;return this};this.getCurrTour=function(){return h};this.getCurrStepNum=function(){return g};this.listen=function(a,b,c){a&&n[a].push({cb:b,fromTour:c});return this};this.unlisten=function(a,b){var c=n[a],d,e;d=0;for(e=c.length;d<e;++d)c[d]===b&&c.splice(d,
-1)};this.removeCallback=function(a,b){var c=n[a],d,e;d=0;for(e=c.length;d<e;++d)b===c[d].cb&&c.splice(d,1);return this};this.removeCallbacks=function(a){var b,c,d,e;for(e in n)if(a){b=n[e];c=0;for(d=b.length;c<d;++c)b[c].fromTour&&(b.splice(c--,1),--d)}else n[e]=[];return this};this.registerHelper=function(a,b){"string"===typeof a&&"function"===typeof b&&(x[a]=b)};this.unregisterHelper=function(a){x[a]=null};this.setCookieName=function(a){f.cookieName=a;return this};this.resetDefaultOptions=function(){f||
-(f={});b.extend(f,r);return this};s=function(a,c){var d;d="next prev start end show error close".split(" ");var e,g,h;f||this.resetDefaultOptions();b.extend(f,a);a&&b.extend(l,a.i18n);g=0;for(h=d.length;g<h;++g)e="on"+d[g][0].toUpperCase()+d[g].substring(1),a[e]&&this.listen(d[g],a[e],c);d=t();f.animate?d._initAnimate():d._removeAnimate();d.showCloseButton(a.showCloseButton,"undefined"!==typeof a.showCloseButton);return this};this.configure=function(a){return s.call(this,a,!1)};a&&(a.cookieName=a.cookieName||
-"hopscotch.tour.state",this.configure(a))},i=new j,u[v]=i)})(window,"hopscotch");
+c="fade-in-"+this._getArrowDirection();b.removeClass(this.element,"hide");this.opt.animate?setTimeout(function(){b.addClass(a.element,"animate")},50):(b.addClass(this.element,c),setTimeout(function(){b.removeClass(a.element,"invisible")},50),setTimeout(function(){b.removeClass(a.element,c)},1E3));this.isShowing=!0;return this},hide:function(a){var c=this.element,a=b.valOrDefault(a,!0);c.style.top="";c.style.left="";a?(b.addClass(c,"hide"),b.removeClass(c,"invisible")):(b.removeClass(c,"hide"),this.opt.animate||
+b.addClass(c,"invisible"));b.removeClass(c,"animate fade-in-up fade-in-down fade-in-right fade-in-left");this.isShowing=!1;return this},_showButton:function(a,c,d){var e="hide";d&&(e="hide-all");"undefined"===typeof c&&(c=!0);c?b.removeClass(a,e):b.addClass(a,e)},showPrevButton:function(a,b){this._showButton(this.prevBtnEl,a,b)},showNextButton:function(a,b){this._showButton(this.nextBtnEl,a,b)},showCloseButton:function(a,b){this._showButton(this.closeBtnEl,a,b)},_initAnimate:function(){var a=this;
+setTimeout(function(){b.addClass(a.element,"animate")},50)},_removeAnimate:function(){b.removeClass(this.element,"animate")},destroy:function(){var a=this.element;a&&a.parentNode.removeChild(a);this.closeBtnEl&&b.removeClickListener(this.closeBtnEl,this._getCloseFn())},init:function(a){var c=document.createElement("div"),d=document.createElement("div"),e=document.createElement("div"),f=this,h=!1,g,i;this.element=c;this.containerEl=d;this.titleEl=document.createElement("h3");this.contentEl=document.createElement("p");
+i={animate:s.animate,showPrevButton:s.showPrevButton,showNextButton:s.showNextButton,bubbleWidth:s.bubbleWidth,bubblePadding:s.bubblePadding,arrowWidth:s.arrowWidth,showNumber:!0,showNavButtons:!0,isTourBubble:!0};a="undefined"===typeof a?{}:a;b.extend(i,a);this.opt=i;c.className="hopscotch-bubble animated";d.className="hopscotch-bubble-container";i.showNumber?(this.numberEl=document.createElement("span"),this.numberEl.className="hopscotch-bubble-number",d.appendChild(this.numberEl)):b.addClass(c,
+"no-number");e.appendChild(this.titleEl);e.appendChild(this.contentEl);e.className="hopscotch-bubble-content";d.appendChild(e);c.appendChild(d);i.showNavButtons&&this._initNavButtons();this.initCloseButton();this._initArrow();a=function(){!h&&f.isShowing&&(h=!0,setTimeout(function(){f.setPosition(f.currStep);h=!1},100))};window.addEventListener?window.addEventListener("resize",a,!1):window.attachEvent&&window.attachEvent("onresize",a,!1);this.hide();"complete"===document.readyState?document.body.appendChild(c):
+document.addEventListener?(g=function(){document.removeEventListener("DOMContentLoaded",g);document.body.appendChild(c)},document.addEventListener("DOMContentLoaded",g)):(g=function(){"complete"===document.readyState&&(document.detachEvent("onreadystatechange",g),document.body.appendChild(c))},document.attachEvent("onreadystatechange",g))}},C=function(){var a={};this.createCallout=function(b){var d;if(b.id){if(a[b.id])throw"Callout by that id already exists. Please choose a unique id.";b.isTourBubble=
+!1;d=new w(b);a[b.id]=d;b.target&&d.render(b,null,null,function(){d.show()})}else throw"Must specify a callout id.";return d};this.getCallout=function(b){return a[b]};this.removeAllCallouts=function(){for(var b in a)a.hasOwnProperty(b)&&this.removeCallout(b)};this.removeCallout=function(b){var d=a[b];a[b]=null;d&&d.destroy()}},j=function(a){var c=this,d,e,f,h,g,i,k,j,u=function(){d||(d=new w({animate:f.animate,bubblePadding:f.bubblePadding,bubbleWidth:f.bubbleWidth,showNextButton:f.showNextButton,
+showPrevButton:f.showPrevButton,arrowWidth:f.arrowWidth}));return d},q=function(){return 0>g||g>=h.steps.length?null:h.steps[g]},t=function(){c.nextStep(!1)},z=function(a,f){var r,d;0<=g+a&&g+a<h.steps.length?(g+=a,d=q(),setTimeout(function(){(r=b.getStepTarget(d))?f(g):(b.invokeEventCallbacks("error"),z(a,f))},b.valOrDefault(d.delay,0))):f(-1)},v=function(a,d){var r=this,e,c,i,A;u().hide();a=b.valOrDefault(a,!0);c=e=q();i=e.multipage;A=function(f){if(-1===f)return this.endTour(!0);if(a&&(0<d&&c.onNext?
+b.invokeCallback(c.onNext):0>d&&c.onPrev&&b.invokeCallback(c.onPrev),b.invokeEventCallbacks(0<d?"next":"prev"),0<d&&i))return;this.showStep(f)};if(!i&&f.skipIfNoElement)z(d,function(a){A.call(r,a)});else if(0<=g+d&&g+d<h.steps.length){g+=d;e=q();if(!b.getStepTarget(e)&&!i)return b.invokeEventCallbacks("error"),this.endTour(!0,!1);A.call(this,g)}return this};this.getCalloutManager=function(){"undefined"===typeof e&&(e=new C);return e};this.startTour=function(a,d){var c;if(!h){c={};var e;h=a;for(e in a)a.hasOwnProperty(e)&&
+("id"!==e&&"steps"!==e)&&(c[e]=a[e]);this.resetDefaultOptions();j.call(this,c,!0);if(c=b.getState(f.cookieName))c=c.split(":"),i=c[0],k=c[1],k=parseInt(k,10),2<c.length&&"mp"===c[2]&&k<h.steps.length-1&&++k}"undefined"!==typeof d&&(g=d);if("complete"!==document.readyState)return E=!0,this;if("undefined"===typeof g)if(h.id===i&&"undefined"!==typeof k){if(g=k,c=q(),c=b.getStepTarget(c),c||(--g,c=q(),c=b.getStepTarget(c)),!c&&f.skipIfNoElement&&(z(1),c=-1!==g&&b.getStepTarget(h.steps[g])),!c)return this.endTour(!1,
+!1),this}else g=0;b.invokeEventCallbacks("start");c=u();c.hide(!1);this.isActive=!0;f.animate&&c._initAnimate();b.getStepTarget(q())?this.showStep(g):(b.invokeEventCallbacks("error"),f.skipIfNoElement&&this.nextStep(!1));return this};this.showStep=function(a){var c=h.steps[a];setTimeout(function(){var d=h.steps.length,e=h.id+":"+a,i=u(),k=b.getStepTarget(c);g=a;f.animate||i.hide(!1);i.render(c,a,a===d-1,function(a){if(a){var d=function(){i.show()},e=u().element,a=b.getPixelValue(e.style.top),e=a+
+b.getPixelValue(e.offsetHeight),g=b.getStepTarget(q()).getBoundingClientRect(),h=g.top+b.getScrollTop(),g=g.bottom+b.getScrollTop(),a=a<h?a:h,e=e>g?e:g,h=b.getScrollTop(),g=h+b.getWindowHeight(),n=a-f.scrollTopMargin,r,F,j;a>=h&&(a<=h+f.scrollTopMargin||e<=g)?d&&d():f.smoothScroll?"undefined"!==typeof YAHOO&&"undefined"!==typeof YAHOO.env&&"undefined"!==typeof YAHOO.env.ua&&"undefined"!==typeof YAHOO.util&&"undefined"!==typeof YAHOO.util.Scroll?(a=YAHOO.env.ua.webkit?document.body:document.documentElement,
+e=YAHOO.util.Easing?YAHOO.util.Easing.easeOut:void 0,a=new YAHOO.util.Scroll(a,{scroll:{to:[0,n]}},f.scrollDuration/1E3,e),a.onComplete.subscribe(d),a.animate()):y?$("body, html").animate({scrollTop:n},f.scrollDuration,d):(0>n&&(n=0),r=h>a?-1:1,F=Math.abs(h-n)/(f.scrollDuration/10),j=function(){var a=b.getScrollTop(),c=a+r*F;0<r&&c>=n||0>r&&c<=n?(c=n,d&&d(),window.scrollTo(0,c)):(window.scrollTo(0,c),b.getScrollTop()===a?d&&d():setTimeout(j,10))},j()):(window.scrollTo(0,n),d&&d())}else i.show();c.onShow&&
+b.invokeCallback(c.onShow);c.nextOnTargetClick&&b.addClickListener(k,t)});b.invokeEventCallbacks("show");c.multipage&&(e+=":mp");b.setState(f.cookieName,e,1)},c.delay||0);return this};this.prevStep=function(a){v.call(this,a,-1);return this};this.nextStep=function(a){var c=q(),d=b.getStepTarget(c);c.nextOnTargetClick&&b.removeClickListener(d,t);v.call(this,a,1);return this};this.endTour=function(a,c){var d=u(),a=b.valOrDefault(a,!0),c=b.valOrDefault(c,!0);g=0;k=void 0;d.hide();a&&b.clearState(f.cookieName);
+l.isActive=!1;h&&c&&b.invokeEventCallbacks("end");l.removeCallbacks(!0);h=null;return this};this.getCurrTour=function(){return h};this.getCurrStepNum=function(){return g};this.listen=function(a,b,c){a&&p[a].push({cb:b,fromTour:c});return this};this.unlisten=function(a,b){var c=p[a],d,e;d=0;for(e=c.length;d<e;++d)c[d]===b&&c.splice(d,1)};this.removeCallback=function(a,b){var c=p[a],d,e;d=0;for(e=c.length;d<e;++d)b===c[d].cb&&c.splice(d,1);return this};this.removeCallbacks=function(a){var b,c,d,e;for(e in p)if(a){b=
+p[e];c=0;for(d=b.length;c<d;++c)b[c].fromTour&&(b.splice(c--,1),--d)}else p[e]=[];return this};this.registerHelper=function(a,b){"string"===typeof a&&"function"===typeof b&&(x[a]=b)};this.unregisterHelper=function(a){x[a]=null};this.setCookieName=function(a){f.cookieName=a;return this};this.resetDefaultOptions=function(){f||(f={});b.extend(f,s);return this};j=function(a,c){var d;d="next prev start end show error close".split(" ");var e,g,h;f||this.resetDefaultOptions();b.extend(f,a);a&&b.extend(m,
+a.i18n);g=0;for(h=d.length;g<h;++g)e="on"+d[g][0].toUpperCase()+d[g].substring(1),a[e]&&this.listen(d[g],a[e],c);d=u();f.animate?d._initAnimate():d._removeAnimate();d.showCloseButton(a.showCloseButton,"undefined"!==typeof a.showCloseButton);return this};this.configure=function(a){return j.call(this,a,!1)};a&&(a.cookieName=a.cookieName||"hopscotch.tour.state",this.configure(a))},l=new j,v[B]=l)})(window,"hopscotch");