From 91ac815e3b49429c8c76adbc1472049d2bfb8776 Mon Sep 17 00:00:00 2001
From: Gordon Koo <gordon@gordonkoo.com>
Date: Wed, 1 Aug 2012 16:21:43 -0700
Subject: [PATCH] defer tour until window onload

---
 js/hopscotch-min.js |  2 +-
 js/hopscotch.js     | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/js/hopscotch-min.js b/js/hopscotch-min.js
index d1884044..d7b594ab 100644
--- a/js/hopscotch-min.js
+++ b/js/hopscotch-min.js
@@ -1 +1 @@
-(function(){var i,c,h,g,f="undefined",a=(typeof window.jQuery!==f),d=(typeof window.localStorage!==f),e=document.body.style,b=(typeof e.MozTransition!==f||typeof e.MsTransition!==f||typeof e.webkitTransition!==f||typeof e.OTransition!==f||typeof e.transition!==f);if(window.hopscotch){return}g={addClass:function(l,n){var k,m,j;if(a){$(l).addClass(n)}else{if(l.className.length===0){l.className=n}else{k=l.className.split(" ");for(m=0,j=k.length;m<j;++m){if(k[m]===n){return}}k.splice(0,0,n);l.className=k.join(" ")}}},removeClass:function(m,l){var k,n,j;if(a){$(m).removeClass(l)}else{k=m.className.split(" ");for(n=0,j=k.length;n<j;++n){if(k[n]===l){break}}if(n<j){k.splice(n,1);m.className=k.join(" ")}}},getPixelValue:function(k){var j=typeof k;if(j==="number"){return k}if(j==="string"){return parseInt(k,10)}return 0},valOrDefault:function(k,j){return typeof k!==f?k:j},getScrollTop:function(){if(typeof window.pageYOffset!==f){return window.pageYOffset}else{return document.documentElement.scrollTop}},getScrollLeft:function(){if(typeof window.pageXOffset!==f){return window.pageXOffset}else{return document.documentElement.scrollLeft}},getWindowHeight:function(){return window.innerHeight?window.innerHeight:document.documentElement.clientHeight},getWindowWidth:function(){return window.innerWidth?window.innerWidth:document.documentElement.clientWidth},addClickListener:function(k,j){return k.addEventListener?k.addEventListener("click",j):k.attachEvent("onclick",j)},evtPreventDefault:function(j){if(j.preventDefault){j.preventDefault()}else{if(event){event.returnValue=false}}},extend:function(k,j){var l;for(l in j){if(j.hasOwnProperty(l)){k[l]=j[l]}}},setState:function(m,n,o){var j="",k,l;if(d){localStorage.setItem(m,n)}else{if(o){l=new Date();l.setTime(l.getTime()+(o*24*60*60*1000));j="; expires="+l.toGMTString()}document.cookie=m+"="+n+j+"; path=/"}},getState:function(k){var m=k+"=",j=document.cookie.split(";"),l,n;if(d){return localStorage.getItem(k)}else{for(var l=0;l<j.length;l++){n=j[l];while(n.charAt(0)===" "){n=n.substring(1,n.length)}if(n.indexOf(m)===0){return n.substring(m.length,n.length)}}return null}},clearState:function(j){if(d){localStorage.removeItem(j)}else{this.setState(j,"",-1)}}};h={stepNums:null,nextBtn:"Next",prevBtn:"Back",doneBtn:"Done",closeTooltip:"Close"};c=function(q){var o,p,k,j=false,n=function(t,s){var r=document.createElement("input");r.setAttribute("id",t);r.setAttribute("type","button");r.setAttribute("value",s);g.addClass(r,"hopscotch-nav-button");return r},l=function(s,r,u){var t="hide";if(u){t="hide-all"}if(typeof r===f){r=true}if(r){g.removeClass(s,t)}else{g.addClass(s,t)}},m=function(y,u,F){var B,r,z,t,w,x,A,v,E=document.getElementById(u.targetId),s=y.element,D=y.arrowEl,C=g.getPixelValue(u.arrowOffset);F=g.valOrDefault(F,true);B=g.getPixelValue(u.width)||q.bubbleWidth;z=g.valOrDefault(u.padding,q.bubblePadding);t=E.getBoundingClientRect();if(u.orientation==="top"){r=s.offsetHeight;A=(t.top-r)-q.arrowWidth;v=t.left;x="bounce-down"}else{if(u.orientation==="bottom"){A=t.bottom+q.arrowWidth;v=t.left;x="bounce-up"}else{if(u.orientation==="left"){A=t.top;v=t.left-B-2*z-q.arrowWidth;x="bounce-right"}else{if(u.orientation==="right"){A=t.top;v=t.right+q.arrowWidth;x="bounce-left"}}}}if(!C){D.style.top="";D.style.left=""}else{if(u.orientation==="top"||u.orientation==="bottom"){D.style.left=C+"px"}else{if(u.orientation==="left"||u.orientation==="right"){D.style.top=C+"px"}}}v+=g.getPixelValue(u.xOffset);A+=g.getPixelValue(u.yOffset);A+=g.getScrollTop();v+=g.getScrollLeft();if(q.animate){if(!b&&a&&q.animate){$(s).animate({top:A+"px",left:v+"px"})}else{s.style.top=A+"px";s.style.left=v+"px"}}else{s.style.top=A+"px";s.style.left=v+"px";if(F){w=q.smoothScroll?q.scrollDuration:0;setTimeout(function(){g.addClass(s,x)},w);setTimeout(function(){g.removeClass(s,x)},w+2000)}}};this.init=function(){var u=document.createElement("div"),v=document.createElement("div"),t=this,s=false,r;this.element=u;this.containerEl=v;this.titleEl=document.createElement("h3");this.numberEl=document.createElement("span");this.contentEl=document.createElement("p");u.setAttribute("id","hopscotch-bubble");g.addClass(u,"animated");v.setAttribute("id","hopscotch-bubble-container");this.numberEl.setAttribute("id","hopscotch-bubble-number");v.appendChild(this.titleEl);v.appendChild(this.numberEl);v.appendChild(this.contentEl);u.appendChild(v);this.initNavButtons();if(q&&q.showCloseButton){this.initCloseButton()}this.initArrow();window.onresize=function(){if(s||!j){return}s=true;r=setTimeout(function(){m(t,k,false);s=false},200)};document.body.appendChild(u);return this};this.initNavButtons=function(){var r=document.createElement("div");this.prevBtnEl=n("hopscotch-prev",h.prevBtn);this.nextBtnEl=n("hopscotch-next",h.nextBtn);this.doneBtnEl=n("hopscotch-done",h.doneBtn);g.addClass(this.doneBtnEl,"hide");r.appendChild(this.prevBtnEl);r.appendChild(this.nextBtnEl);r.appendChild(this.doneBtnEl);g.addClickListener(this.prevBtnEl,function(s){if(o){o()}window.hopscotch.prevStep()});g.addClickListener(this.nextBtnEl,function(s){if(p){p()}window.hopscotch.nextStep()});g.addClickListener(this.doneBtnEl,window.hopscotch.endTour);r.setAttribute("id","hopscotch-actions");this.buttonsEl=r;this.containerEl.appendChild(r);return this};this.initCloseButton=function(){var r=document.createElement("a");r.setAttribute("id","hopscotch-bubble-close");r.setAttribute("href","#");r.setAttribute("title",h.closeTooltip);r.innerHTML="x";g.addClickListener(r,function(s){window.hopscotch.endTour();g.evtPreventDefault(s)});this.closeBtnEl=r;this.containerEl.appendChild(r);return this};this.initArrow=function(){this.arrowEl=document.createElement("div");this.arrowEl.setAttribute("id","hopscotch-bubble-arrow");this.containerEl.appendChild(this.arrowEl)};this.renderStep=function(t,x,u,y){var z=this,s=g.valOrDefault(t.showNextButton,q.showNextButton),r=g.valOrDefault(t.showPrevButton,q.showPrevButton),w,v;k=t;if(t.title){this.setTitle(t.title)}if(t.content){this.setContent(t.content)}this.setNum(x);this.showPrevButton(this.prevBtnEl&&r&&x>0);this.showNextButton(this.nextBtnEl&&s&&!u);if(u){g.removeClass(this.doneBtnEl,"hide")}else{g.addClass(this.doneBtnEl,"hide")}this.setArrow(t.orientation);w=g.getPixelValue(t.width)||q.bubbleWidth;v=g.valOrDefault(t.padding,q.bubblePadding);this.containerEl.style.width=w+"px";this.containerEl.style.padding=v+"px";if(t.orientation==="top"){setTimeout(function(){m(z,t);if(y){y()}},5)}else{m(this,t);if(y){y()}}o=t.prevCallback;p=t.nextCallback;return this};this.setTitle=function(r){if(r){this.titleEl.innerHTML=r;g.removeClass(this.titleEl,"hide")}else{g.addClass(this.titleEl,"hide")}return this};this.setContent=function(r){if(r){this.contentEl.innerHTML=r;g.removeClass(this.contentEl,"hide")}else{g.addClass(this.contentEl,"hide")}return this};this.setNum=function(r){if(h.stepNums&&r<h.stepNums.length){r=h.stepNums[r]}else{r=r+1}this.numberEl.innerHTML=r};this.setArrow=function(r){if(r==="top"){this.arrowEl.className="down"}else{if(r==="bottom"){this.arrowEl.className="up"}else{if(r==="left"){this.arrowEl.className="right"}else{if(r==="right"){this.arrowEl.className="left"}}}}};this.show=function(){var r=this;if(q.animate){setTimeout(function(){g.addClass(r.element,"animate")},50)}g.removeClass(this.element,"hide");j=true;return this};this.hide=function(){g.addClass(this.element,"hide");g.removeClass(this.element,"animate");j=false;return this};this.showPrevButton=function(r,s){l(this.prevBtnEl,r,s)};this.showNextButton=function(r,s){l(this.nextBtnEl,r,s)};this.showCloseButton=function(r,s){l(this.closeBtnEl,r,s)};this.initAnimate=function(){var r=this;setTimeout(function(){g.addClass(r.element,"animate")},50)};this.removeAnimate=function(){g.removeClass(this.element,"animate")};this.init()};i=function(j){var q,l,o,k,s,n,m=function(){if(!q){q=new c(l)}return q},r=function(){return o.steps[k]},p=function(){var J=m().element,F=g.getPixelValue(J.style.top),E=F+g.getPixelValue(J.offsetHeight),C=document.getElementById(r().targetId),K=C.getBoundingClientRect(),H=K.top+g.getScrollTop(),D=K.bottom+g.getScrollTop(),A=(F<H)?F:H,t=(E>D)?E:D,G=g.getScrollTop(),v=G+g.getWindowHeight(),w=A-50,u,z,y,I,x,B;if(a){$("body, html").animate({scrollTop:w},l.scrollDuration);return}else{if(typeof YAHOO!==f&&typeof YAHOO.env!==f&&typeof YAHOO.env.ua!==f&&typeof YAHOO.util!==f&&typeof YAHOO.util.Scroll!==f){u=YAHOO.env.ua.webkit?document.body:document.documentElement;y=YAHOO.util.Easing?YAHOO.util.Easing.easeOut:undefined;z=new YAHOO.util.Scroll(u,{scroll:{to:[0,w]}},l.scrollDuration/1000,y);z.animate();return}}if(w<0){w=0}if(A>=G&&A<=G+50){return}if(A<G||t>v){if(l.smoothScroll){I=(G>A)?-1:1;x=Math.abs(G-A)/(l.scrollDuration/10);B=setInterval(function(){var M=g.getScrollTop(),L=M+(I*x);if((I>0&&L>=w)||I<0&&L<=w){L=w;clearInterval(B)}window.scrollTo(0,L);if(g.getScrollTop()===M){clearInterval(B)}},10)}else{window.scrollTo(0,w)}}};this.init=function(){var t,u;if(j){this.configure(j)}t=g.getState("hopscotch.tour.next");if(t){u=t.split(":");s=u[0];n=parseInt(u[1],10);if(u.length>2&&u[2]==="mp"){++n}}};this.loadTour=function(v){var u={},t,w;o=v;for(w in v){if(v.hasOwnProperty(w)&&w!=="id"&&w!=="steps"){u[w]=v[w]}}this.configure(u);t=m();t.showPrevButton(l.showPrevButton,true);t.showNextButton(l.showNextButton,true)};this.startTour=function(){var t;if(!o){throw"Need to load a tour before you start it!"}if(o.id===s&&typeof n!==f){k=n;if(!document.getElementById(o.steps[k].targetId)){if(k<=0||!document.getElementById(o.steps[--k].targetId)){this.endTour(false);return}}}else{k=0}this.showStep(k);t=m().show();if(l.animate){t.initAnimate()}this.isActive=true};this.showStep=function(w){var x=o.steps[w],v=o.steps.length,u=o.id+":"+w,t=m();if(!o){throw"No tour currently selected!"}k=w;t.renderStep(x,w,(w===v-1),p);if(x.multiPage){u+=":mp"}g.setState("hopscotch.tour.next",u,7)};this.prevStep=function(){if(k>0){this.showStep(--k)}};this.nextStep=function(){if(l.allNextCallback){l.allNextCallback(r(),k)}if(k<o.steps.length-1){this.showStep(++k)}};this.endTour=function(u){var t=m();u=g.valOrDefault(u,true);t.hide();k=n=0;if(u){g.clearState("hopscotch.tour.next")}this.isActive=false};this.configure=function(t){if(!l){l={}}g.extend(l,t);l.animate=g.valOrDefault(l.animate,false);l.smoothScroll=g.valOrDefault(l.smoothScroll,true);l.scrollDuration=g.valOrDefault(l.scrollDuration,1000);l.showCloseButton=g.valOrDefault(l.showCloseButton,true);l.showPrevButton=g.valOrDefault(l.showPrevButton,false);l.showNextButton=g.valOrDefault(l.showNextButton,true);l.bubbleWidth=g.valOrDefault(l.bubbleWidth,280);l.bubblePadding=g.valOrDefault(l.bubblePadding,10);l.arrowWidth=g.valOrDefault(l.arrowWidth,20);l.allNextCallback=g.valOrDefault(l.allNextCallback,null);if(t){g.extend(h,t.i18n)}if(l.animate){m().initAnimate()}else{m().removeAnimate()}m().showPrevButton(l.showPrevButton,true);m().showNextButton(l.showNextButton,true);m().showCloseButton(l.showCloseButton,true)};this.init(j);this.clearCookie=function(){g.clearState("hopscotch.tour.next")}};window.hopscotch=new i()}());
\ No newline at end of file
+(function(){var k,e,j,i,h="undefined",g=false,a=false,b=(typeof window.jQuery!==h),d=(typeof window.localStorage!==h),f=document.body.style,c=(typeof f.MozTransition!==h||typeof f.MsTransition!==h||typeof f.webkitTransition!==h||typeof f.OTransition!==h||typeof f.transition!==h);if(window.hopscotch){return}window.addEventListener("load",function(){g=true;if(a){window.hopscotch.startTour()}});i={addClass:function(n,p){var m,o,l;if(b){$(n).addClass(p)}else{if(n.className.length===0){n.className=p}else{m=n.className.split(" ");for(o=0,l=m.length;o<l;++o){if(m[o]===p){return}}m.splice(0,0,p);n.className=m.join(" ")}}},removeClass:function(l,q){var p,t,r,o,m,s,n;if(b){$(l).removeClass(q)}else{t=q.split(" ");p=l.className.split(" ");for(o=0,s=t.length;o<s;++o){r=t[o];for(m=0,n=p.length;m<n;++m){if(p[m]===r){break}}if(m<n){p.splice(m,1)}}l.className=p.join(" ")}},getPixelValue:function(m){var l=typeof m;if(l==="number"){return m}if(l==="string"){return parseInt(m,10)}return 0},valOrDefault:function(m,l){return typeof m!==h?m:l},getScrollTop:function(){if(typeof window.pageYOffset!==h){return window.pageYOffset}else{return document.documentElement.scrollTop}},getScrollLeft:function(){if(typeof window.pageXOffset!==h){return window.pageXOffset}else{return document.documentElement.scrollLeft}},getWindowHeight:function(){return window.innerHeight?window.innerHeight:document.documentElement.clientHeight},getWindowWidth:function(){return window.innerWidth?window.innerWidth:document.documentElement.clientWidth},addClickListener:function(m,l){return m.addEventListener?m.addEventListener("click",l):m.attachEvent("onclick",l)},evtPreventDefault:function(l){if(l.preventDefault){l.preventDefault()}else{if(event){event.returnValue=false}}},extend:function(m,l){var n;for(n in l){if(l.hasOwnProperty(n)){m[n]=l[n]}}},setState:function(o,p,q){var l="",m,n;if(d){localStorage.setItem(o,p)}else{if(q){n=new Date();n.setTime(n.getTime()+(q*24*60*60*1000));l="; expires="+n.toGMTString()}document.cookie=o+"="+p+l+"; path=/"}},getState:function(m){var o=m+"=",l=document.cookie.split(";"),n,p;if(d){return localStorage.getItem(m)}else{for(var n=0;n<l.length;n++){p=l[n];while(p.charAt(0)===" "){p=p.substring(1,p.length)}if(p.indexOf(o)===0){return p.substring(o.length,p.length)}}return null}},clearState:function(l){if(d){localStorage.removeItem(l)}else{this.setState(l,"",-1)}}};j={stepNums:null,nextBtn:"Next",prevBtn:"Back",doneBtn:"Done",closeTooltip:"Close"};e=function(s){var q,r,m,l=false,p=function(v,u){var t=document.createElement("input");t.setAttribute("id",v);t.setAttribute("type","button");t.setAttribute("value",u);i.addClass(t,"hopscotch-nav-button");return t},n=function(u,t,w){var v="hide";if(w){v="hide-all"}if(typeof t===h){t=true}if(t){i.removeClass(u,v)}else{i.addClass(u,v)}},o=function(A,w,H){var D,t,B,v,y,z,C,x,G=document.getElementById(w.targetId),u=A.element,F=A.arrowEl,E=i.getPixelValue(w.arrowOffset);H=i.valOrDefault(H,true);D=i.getPixelValue(w.width)||s.bubbleWidth;B=i.valOrDefault(w.padding,s.bubblePadding);i.removeClass(u,"bounce-down bounce-up bounce-left bounce-right");v=G.getBoundingClientRect();if(w.orientation==="top"){t=u.offsetHeight;C=(v.top-t)-s.arrowWidth;x=v.left;z="bounce-down"}else{if(w.orientation==="bottom"){C=v.bottom+s.arrowWidth;x=v.left;z="bounce-up"}else{if(w.orientation==="left"){C=v.top;x=v.left-D-2*B-s.arrowWidth;z="bounce-right"}else{if(w.orientation==="right"){C=v.top;x=v.right+s.arrowWidth;z="bounce-left"}}}}if(!E){F.style.top="";F.style.left=""}else{if(w.orientation==="top"||w.orientation==="bottom"){F.style.left=E+"px"}else{if(w.orientation==="left"||w.orientation==="right"){F.style.top=E+"px"}}}x+=i.getPixelValue(w.xOffset);C+=i.getPixelValue(w.yOffset);C+=i.getScrollTop();x+=i.getScrollLeft();if(s.animate){if(!c&&b&&s.animate){$(u).animate({top:C+"px",left:x+"px"})}else{u.style.top=C+"px";u.style.left=x+"px"}}else{u.style.top=C+"px";u.style.left=x+"px";if(H){y=s.smoothScroll?s.scrollDuration:0;setTimeout(function(){i.addClass(u,z)},y);setTimeout(function(){i.removeClass(u,z)},y+2000)}}};this.init=function(){var w=document.createElement("div"),x=document.createElement("div"),v=this,u=false,t;this.element=w;this.containerEl=x;this.titleEl=document.createElement("h3");this.numberEl=document.createElement("span");this.contentEl=document.createElement("p");w.setAttribute("id","hopscotch-bubble");i.addClass(w,"animated");x.setAttribute("id","hopscotch-bubble-container");this.numberEl.setAttribute("id","hopscotch-bubble-number");x.appendChild(this.titleEl);x.appendChild(this.numberEl);x.appendChild(this.contentEl);w.appendChild(x);this.initNavButtons();if(s&&s.showCloseButton){this.initCloseButton()}this.initArrow();window.onresize=function(){if(u||!l){return}u=true;t=setTimeout(function(){o(v,m,false);u=false},200)};document.body.appendChild(w);return this};this.initNavButtons=function(){var t=document.createElement("div");this.prevBtnEl=p("hopscotch-prev",j.prevBtn);this.nextBtnEl=p("hopscotch-next",j.nextBtn);this.doneBtnEl=p("hopscotch-done",j.doneBtn);i.addClass(this.doneBtnEl,"hide");t.appendChild(this.prevBtnEl);t.appendChild(this.nextBtnEl);t.appendChild(this.doneBtnEl);i.addClickListener(this.prevBtnEl,function(u){if(q){q()}window.hopscotch.prevStep()});i.addClickListener(this.nextBtnEl,function(u){if(r){r()}window.hopscotch.nextStep()});i.addClickListener(this.doneBtnEl,window.hopscotch.endTour);t.setAttribute("id","hopscotch-actions");this.buttonsEl=t;this.containerEl.appendChild(t);return this};this.initCloseButton=function(){var t=document.createElement("a");t.setAttribute("id","hopscotch-bubble-close");t.setAttribute("href","#");t.setAttribute("title",j.closeTooltip);t.innerHTML="x";i.addClickListener(t,function(u){window.hopscotch.endTour();i.evtPreventDefault(u)});this.closeBtnEl=t;this.containerEl.appendChild(t);return this};this.initArrow=function(){this.arrowEl=document.createElement("div");this.arrowEl.setAttribute("id","hopscotch-bubble-arrow");this.containerEl.appendChild(this.arrowEl)};this.renderStep=function(v,z,w,A){var B=this,u=i.valOrDefault(v.showNextButton,s.showNextButton),t=i.valOrDefault(v.showPrevButton,s.showPrevButton),y,x;m=v;if(v.title){this.setTitle(v.title)}if(v.content){this.setContent(v.content)}this.setNum(z);this.showPrevButton(this.prevBtnEl&&t&&z>0);this.showNextButton(this.nextBtnEl&&u&&!w);if(w){i.removeClass(this.doneBtnEl,"hide")}else{i.addClass(this.doneBtnEl,"hide")}this.setArrow(v.orientation);y=i.getPixelValue(v.width)||s.bubbleWidth;x=i.valOrDefault(v.padding,s.bubblePadding);this.containerEl.style.width=y+"px";this.containerEl.style.padding=x+"px";if(v.orientation==="top"){setTimeout(function(){o(B,v);if(A){A()}},5)}else{o(this,v);if(A){A()}}q=v.onPrev;r=v.onNext;return this};this.setTitle=function(t){if(t){this.titleEl.innerHTML=t;i.removeClass(this.titleEl,"hide")}else{i.addClass(this.titleEl,"hide")}return this};this.setContent=function(t){if(t){this.contentEl.innerHTML=t;i.removeClass(this.contentEl,"hide")}else{i.addClass(this.contentEl,"hide")}return this};this.setNum=function(t){if(j.stepNums&&t<j.stepNums.length){t=j.stepNums[t]}else{t=t+1}this.numberEl.innerHTML=t};this.setArrow=function(t){if(t==="top"){this.arrowEl.className="down"}else{if(t==="bottom"){this.arrowEl.className="up"}else{if(t==="left"){this.arrowEl.className="right"}else{if(t==="right"){this.arrowEl.className="left"}}}}};this.show=function(){var t=this;if(s.animate){setTimeout(function(){i.addClass(t.element,"animate")},50)}i.removeClass(this.element,"hide");l=true;return this};this.hide=function(){i.addClass(this.element,"hide");i.removeClass(this.element,"animate");l=false;return this};this.showPrevButton=function(t,u){n(this.prevBtnEl,t,u)};this.showNextButton=function(t,u){n(this.nextBtnEl,t,u)};this.showCloseButton=function(t,u){n(this.closeBtnEl,t,u)};this.initAnimate=function(){var t=this;setTimeout(function(){i.addClass(t.element,"animate")},50)};this.removeAnimate=function(){i.removeClass(this.element,"animate")};this.init()};k=function(l){var s,n,q,m,u,p,o=function(){if(!s){s=new e(n)}return s},t=function(){return q.steps[m]},r=function(){var L=o().element,H=i.getPixelValue(L.style.top),G=H+i.getPixelValue(L.offsetHeight),E=document.getElementById(t().targetId),M=E.getBoundingClientRect(),J=M.top+i.getScrollTop(),F=M.bottom+i.getScrollTop(),C=(H<J)?H:J,v=(G>F)?G:F,I=i.getScrollTop(),x=I+i.getWindowHeight(),y=C-50,w,B,A,K,z,D;if(b){$("body, html").animate({scrollTop:y},n.scrollDuration);return}else{if(typeof YAHOO!==h&&typeof YAHOO.env!==h&&typeof YAHOO.env.ua!==h&&typeof YAHOO.util!==h&&typeof YAHOO.util.Scroll!==h){w=YAHOO.env.ua.webkit?document.body:document.documentElement;A=YAHOO.util.Easing?YAHOO.util.Easing.easeOut:undefined;B=new YAHOO.util.Scroll(w,{scroll:{to:[0,y]}},n.scrollDuration/1000,A);B.animate();return}}if(y<0){y=0}if(C>=I&&C<=I+50){return}if(C<I||v>x){if(n.smoothScroll){K=(I>C)?-1:1;z=Math.abs(I-C)/(n.scrollDuration/10);D=setInterval(function(){var O=i.getScrollTop(),N=O+(K*z);if((K>0&&N>=y)||K<0&&N<=y){N=y;clearInterval(D)}window.scrollTo(0,N);if(i.getScrollTop()===O){clearInterval(D)}},10)}else{window.scrollTo(0,y)}}};this.init=function(){var v,w;if(l){this.configure(l)}};this.loadTour=function(x){var w={},v,y;q=x;for(y in x){if(x.hasOwnProperty(y)&&y!=="id"&&y!=="steps"){w[y]=x[y]}}this.configure(w);tourState=i.getState(n.cookieName);if(tourState){tourPair=tourState.split(":");u=tourPair[0];p=parseInt(tourPair[1],10);if(tourPair.length>2&&tourPair[2]==="mp"){++p}}v=o();v.showPrevButton(n.showPrevButton,true);v.showNextButton(n.showNextButton,true)};this.startTour=function(){var v;if(!q){throw"Need to load a tour before you start it!"}if(!g){a=true;return}if(q.id===u&&typeof p!==h){m=p;if(!document.getElementById(q.steps[m].targetId)){if(m<=0||!document.getElementById(q.steps[--m].targetId)){this.endTour(false);return}}}else{m=0}this.showStep(m);v=o().show();if(n.animate){v.initAnimate()}this.isActive=true};this.showStep=function(y){var z=q.steps[y],x=q.steps.length,w=q.id+":"+y,v=o();if(!q){throw"No tour currently selected!"}m=y;v.renderStep(z,y,(y===x-1),r);if(z.multiPage){w+=":mp"}i.setState(n.cookieName,w,1)};this.prevStep=function(){if(m>0){this.showStep(--m)}};this.nextStep=function(){if(n.onNext){n.onNext(t(),m)}if(m<q.steps.length-1){this.showStep(++m)}};this.endTour=function(w){var v=o();w=i.valOrDefault(w,true);v.hide();m=p=0;if(w){i.clearState(n.cookieName)}this.isActive=false};this.configure=function(v){if(!n){n={}}i.extend(n,v);n.animate=i.valOrDefault(n.animate,false);n.smoothScroll=i.valOrDefault(n.smoothScroll,true);n.scrollDuration=i.valOrDefault(n.scrollDuration,1000);n.showCloseButton=i.valOrDefault(n.showCloseButton,true);n.showPrevButton=i.valOrDefault(n.showPrevButton,false);n.showNextButton=i.valOrDefault(n.showNextButton,true);n.bubbleWidth=i.valOrDefault(n.bubbleWidth,280);n.bubblePadding=i.valOrDefault(n.bubblePadding,10);n.arrowWidth=i.valOrDefault(n.arrowWidth,20);n.onNext=i.valOrDefault(n.onNext,null);n.cookieName=i.valOrDefault(n.cookieName,"hopscotch.tour.state");if(v){i.extend(j,v.i18n)}if(n.animate){o().initAnimate()}else{o().removeAnimate()}o().showPrevButton(n.showPrevButton,true);o().showNextButton(n.showNextButton,true);o().showCloseButton(n.showCloseButton,true)};this.init(l);this.clearCookie=function(){i.clearState(n.cookieName)}};window.hopscotch=new k()}());
\ No newline at end of file
diff --git a/js/hopscotch.js b/js/hopscotch.js
index cf08d27f..8d6146f2 100644
--- a/js/hopscotch.js
+++ b/js/hopscotch.js
@@ -30,6 +30,8 @@
       HopscotchI18N,
       utils,
       undefinedStr      = 'undefined',
+      windowLoaded      = false,
+      waitingToStart    = false,
       hasJquery         = (typeof window.jQuery !== undefinedStr),
       hasLocalStorage   = (typeof window.localStorage !== undefinedStr),
       docStyle          = document.body.style,
@@ -44,6 +46,14 @@
     return;
   }
 
+  // don't start any tours until all assets are done loading.
+  window.addEventListener('load', function() {
+    windowLoaded = true;
+    if (waitingToStart) {
+      window.hopscotch.startTour();
+    }
+  });
+
   /**
    * utils
    * =====
@@ -111,7 +121,7 @@
               break;
             }
           }
-          if (j < len) {
+          if (j < domClassLen) {
             domClasses.splice(j, 1); // remove class from list
           }
         }
@@ -818,9 +828,14 @@
 
     this.startTour = function() {
       var bubble;
+
       if (!currTour) {
         throw "Need to load a tour before you start it!";
       }
+      if (!windowLoaded) {
+        waitingToStart = true;
+        return;
+      }
 
       // Check if we are resuming state.
       if (currTour.id === cookieTourId && typeof cookieTourStep !== undefinedStr) {