diff --git a/css/hopscotch.css b/css/hopscotch.css
index 783a67cd..a3a19e77 100644
--- a/css/hopscotch.css
+++ b/css/hopscotch.css
@@ -3,27 +3,28 @@
 @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);} 100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px);} 100%{opacity:1;-moz-transform:translateY(0);}}@-o-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-20px);} 100%{opacity:1;-ms-transform:translateY(0);}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px);} 100%{opacity:1;transform:translateY(0);}}.fade-in-down{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}
 @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-20px);} 100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(-20px);} 100%{opacity:1;-moz-transform:translateX(0);}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(-20px);} 100%{opacity:1;-o-transform:translateX(0);}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-20px);} 100%{opacity:1;transform:translateX(0);}}.fade-in-right{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight;}
 @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(20px);} 100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(20px);} 100%{opacity:1;-moz-transform:translateX(0);}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(20px);} 100%{opacity:1;-o-transform:translateX(0);}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(20px);} 100%{opacity:1;transform:translateX(0);}}.fade-in-left{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;}
-div#hopscotch-bubble{background-color:#ffffff;border:6px solid #000000;border:6px solid rgba(0, 0, 0, 0.5);color:#000;font-family:Helvetica,Arial;font-size:13px;position:absolute;z-index:999999;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;}div#hopscotch-bubble.animate{-moz-transition-property:top, left;-moz-transition-duration:1s;-moz-transition-timing-function:ease-in-out;-ms-transition-property:top, left;-ms-transition-duration:1s;-ms-transition-timing-function:ease-in-out;-o-transition-property:top, left;-o-transition-duration:1s;-o-transition-timing-function:ease-in-out;-webkit-transition-property:top, left;-webkit-transition-duration:1s;-webkit-transition-timing-function:ease-in-out;transition-property:top, left;transition-duration:1s;transition-timing-function:ease-in-out;}
-div#hopscotch-bubble.invisible{opacity:0;}
-div#hopscotch-bubble.hide,div#hopscotch-bubble .hide,div#hopscotch-bubble .hide-all{display:none;}
-div#hopscotch-bubble h3,div#hopscotch-bubble #hopscotch-bubble-number{font-size:18px;}
-div#hopscotch-bubble h3{font-family:Helvetica,Arial;font-weight:bold;margin:0 15px 0 0;padding:0;}
-div#hopscotch-bubble #hopscotch-bubble-container{padding:15px;position:relative;-webkit-font-smoothing:antialiased;}div#hopscotch-bubble #hopscotch-bubble-container p{font-family:Helvetica,Arial;line-height:17px;margin:10px 0;padding:0;}
-div#hopscotch-bubble #hopscotch-bubble-content{margin:0 0 0 40px;}
-div#hopscotch-bubble #hopscotch-bubble-close{color:#000;background:transparent url(../img/sprite_os.png) -200px -100px no-repeat;display:block;margin:15px 10px 0 0;position:absolute;text-decoration:none;text-indent:-9999px;width:10px;height:10px;top:0;right:0;}div#hopscotch-bubble #hopscotch-bubble-close.hide,div#hopscotch-bubble #hopscotch-bubble-close.hide-all{display:none;}
-div#hopscotch-bubble #hopscotch-bubble-number{background:transparent url(../img/sprite_os.png) 0 0 no-repeat;color:#fff;display:block;float:left;line-height:33px;margin:0 10px 0 0;text-align:center;width:30px;height:30px;}
-div#hopscotch-bubble #hopscotch-bubble-arrow-container{position:absolute;width:40px;height:40px;}div#hopscotch-bubble #hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,div#hopscotch-bubble #hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border{width:0;height:0;}
-div#hopscotch-bubble #hopscotch-bubble-arrow-container.up{top:-26px;left:10px;}div#hopscotch-bubble #hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:20px solid #ffffff;border-left:20px solid transparent;border-right:20px solid transparent;position:relative;top:-10px;}
-div#hopscotch-bubble #hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border-bottom:20px solid #000000;border-bottom:20px solid rgba(0, 0, 0, 0.5);border-left:20px solid transparent;border-right:20px solid transparent;}
-div#hopscotch-bubble #hopscotch-bubble-arrow-container.down{bottom:-46px;left:10px;}div#hopscotch-bubble #hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:20px solid #ffffff;border-left:20px solid transparent;border-right:20px solid transparent;position:relative;top:-30px;}
-div#hopscotch-bubble #hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border-top:20px solid #000000;border-top:20px solid rgba(0, 0, 0, 0.5);border-left:20px solid transparent;border-right:20px solid transparent;}
-div#hopscotch-bubble #hopscotch-bubble-arrow-container.left{top:10px;left:-26px;}div#hopscotch-bubble #hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-bottom:20px solid transparent;border-right:20px solid #ffffff;border-top:20px solid transparent;position:relative;left:9px;top:-40px;}
-div#hopscotch-bubble #hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border-right:20px solid #000000;border-right:20px solid rgba(0, 0, 0, 0.5);border-bottom:20px solid transparent;border-top:20px solid transparent;}
-div#hopscotch-bubble #hopscotch-bubble-arrow-container.right{top:10px;right:-46px;}div#hopscotch-bubble #hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-bottom:20px solid transparent;border-left:20px solid #ffffff;border-top:20px solid transparent;position:relative;left:-9px;top:-40px;}
-div#hopscotch-bubble #hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border-left:20px solid #000000;border-left:20px solid rgba(0, 0, 0, 0.5);border-bottom:20px solid transparent;border-top:20px solid transparent;}
-div#hopscotch-bubble #hopscotch-actions{margin:10px 0 0;text-align:right;}
-div#hopscotch-bubble input.hopscotch-nav-button{border-width:1px;border-style:solid;cursor:pointer;font-size:12px;line-height:1.35;margin:0;overflow:visible;padding:3px 10px 2px;*padding:2px 10px 1px;text-decoration:none !important;vertical-align:top;width:auto;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;*padding:3px 10px;}div#hopscotch-bubble input.hopscotch-nav-button.next{background:#FFCF0B;background:-moz-linear-gradient(top, #fff5bd 0, #fff5bd 1px, #ffe976 1px, #ffcf0b 100%);background:-o-linear-gradient(top, #fff5bd 0, #fff5bd 1px, #ffe976 1px, #ffcf0b 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff5bd), color-stop(5%, #fff5bd), color-stop(5%, #ffe976), color-stop(100%, #ffcf0b));background:linear-gradient(top, #fff5bd 0, #fff5bd 1px, #ffe976 1px, #ffcf0b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE976', endColorstr='#FFCF0B', GradientType=0);border-color:#e8b463;color:#333;font-weight:bold;margin:0 0 0 10px;overflow:visible;}div#hopscotch-bubble input.hopscotch-nav-button.next.hide-all{display:none;}
-div#hopscotch-bubble input.hopscotch-nav-button.next:hover{background:#F6C408;background:-moz-linear-gradient(top, #faeeae 0, #faeeae 1px, #f5db59 1px, #f6c408 100%);background:-o-linear-gradient(top, #faeeae 0, #faeeae 1px, #f5db59 1px, #f6c408 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #faeeae), color-stop(5%, #faeeae), color-stop(5%, #f5db59), color-stop(100%, #f6c408));background:linear-gradient(top, #faeeae 0, #faeeae 1px, #f5db59 1px, #f6c408 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5DB59', endColorstr='#F6C408', GradientType=0);}
-div#hopscotch-bubble input.hopscotch-nav-button.next:active{background:#F5DD61;background:-moz-linear-gradient(top, #f6c202 0, #f5dd61 100%);background:-o-linear-gradient(top, #f6c202 0, #f5dd61 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f6c202), color-stop(100%, #f5dd61));background:linear-gradient(top, #f6c202 0, #f5dd61 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6C202', endColorstr='#F5DD61', GradientType=0);}
-div#hopscotch-bubble input.hopscotch-nav-button.prev{background:#CECECE;background:-moz-linear-gradient(top, #f2f2f2 0, #f2f2f2 1px, #e4e4e4 1px, #cecece 100%);background:-o-linear-gradient(top, #f2f2f2 0, #f2f2f2 1px, #e4e4e4 1px, #cecece 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(5%, #f2f2f2), color-stop(5%, #e4e4e4), color-stop(100%, #cecece));background:linear-gradient(top, #f2f2f2 0, #f2f2f2 1px, #e4e4e4 1px, #cecece 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E4E4', endColorstr='#CECECE', GradientType=0);border-color:#999;color:#666 !important;}div#hopscotch-bubble input.hopscotch-nav-button.prev:hover{background:#B7B7B7;background:-moz-linear-gradient(top, #e4e4e4 0, #e4e4e4 1px, #c8c8c8 1px, #b7b7b7 100%);background:-o-linear-gradient(top, #e4e4e4 0, #e4e4e4 1px, #c8c8c8 1px, #b7b7b7 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e4e4e4), color-stop(5%, #e4e4e4), color-stop(5%, #c8c8c8), color-stop(100%, #b7b7b7));background:linear-gradient(top, #e4e4e4 0, #e4e4e4 1px, #c8c8c8 1px, #b7b7b7 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C8C8C8', endColorstr='#B7B7B7', GradientType=0);}
-div#hopscotch-bubble input.hopscotch-nav-button.prev:active{background:#C9C9C9;background:-moz-linear-gradient(top, #b6b6b6 0, #c9c9c9 100%);background:-o-linear-gradient(top, #b6b6b6 0, #c9c9c9 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #b6b6b6), color-stop(100%, #c9c9c9));background:linear-gradient(top, #b6b6b6 0, #c9c9c9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B6B6B6', endColorstr='#C9C9C9', GradientType=0);}
+div.hopscotch-bubble{background-color:#ffffff;border:6px solid #000000;border:6px solid rgba(0, 0, 0, 0.5);color:#000;font-family:Helvetica,Arial;font-size:13px;position:absolute;z-index:999999;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;}div.hopscotch-bubble.animate{-moz-transition-property:top, left;-moz-transition-duration:1s;-moz-transition-timing-function:ease-in-out;-ms-transition-property:top, left;-ms-transition-duration:1s;-ms-transition-timing-function:ease-in-out;-o-transition-property:top, left;-o-transition-duration:1s;-o-transition-timing-function:ease-in-out;-webkit-transition-property:top, left;-webkit-transition-duration:1s;-webkit-transition-timing-function:ease-in-out;transition-property:top, left;transition-duration:1s;transition-timing-function:ease-in-out;}
+div.hopscotch-bubble.invisible{opacity:0;}
+div.hopscotch-bubble.hide,div.hopscotch-bubble .hide,div.hopscotch-bubble .hide-all{display:none;}
+div.hopscotch-bubble h3,div.hopscotch-bubble #hopscotch-bubble-number{font-size:18px;}
+div.hopscotch-bubble h3{font-family:Helvetica,Arial;font-weight:bold;margin:0 15px 0 0;padding:0;}
+div.hopscotch-bubble .hopscotch-bubble-container{padding:15px;position:relative;-webkit-font-smoothing:antialiased;}div.hopscotch-bubble .hopscotch-bubble-container p{font-family:Helvetica,Arial;line-height:17px;margin:10px 0;padding:0;}
+div.hopscotch-bubble .hopscotch-bubble-content{margin:0 0 0 40px;}
+div.hopscotch-bubble.no-number .hopscotch-bubble-content{margin:0;}
+div.hopscotch-bubble .hopscotch-bubble-close{color:#000;background:transparent url(../img/sprite_os.png) -200px -100px no-repeat;display:block;margin:15px 10px 0 0;position:absolute;text-decoration:none;text-indent:-9999px;width:10px;height:10px;top:0;right:0;}div.hopscotch-bubble .hopscotch-bubble-close.hide,div.hopscotch-bubble .hopscotch-bubble-close.hide-all{display:none;}
+div.hopscotch-bubble .hopscotch-bubble-number{background:transparent url(../img/sprite_os.png) 0 0 no-repeat;color:#fff;display:block;float:left;line-height:33px;margin:0 10px 0 0;text-align:center;width:30px;height:30px;}
+div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:40px;height:40px;}div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border{width:0;height:0;}
+div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:-26px;left:10px;}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:20px solid #ffffff;border-left:20px solid transparent;border-right:20px solid transparent;position:relative;top:-10px;}
+div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border-bottom:20px solid #000000;border-bottom:20px solid rgba(0, 0, 0, 0.5);border-left:20px solid transparent;border-right:20px solid transparent;}
+div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-46px;left:10px;}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:20px solid #ffffff;border-left:20px solid transparent;border-right:20px solid transparent;position:relative;top:-30px;}
+div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border-top:20px solid #000000;border-top:20px solid rgba(0, 0, 0, 0.5);border-left:20px solid transparent;border-right:20px solid transparent;}
+div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:10px;left:-26px;}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-bottom:20px solid transparent;border-right:20px solid #ffffff;border-top:20px solid transparent;position:relative;left:9px;top:-40px;}
+div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border-right:20px solid #000000;border-right:20px solid rgba(0, 0, 0, 0.5);border-bottom:20px solid transparent;border-top:20px solid transparent;}
+div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:10px;right:-46px;}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-bottom:20px solid transparent;border-left:20px solid #ffffff;border-top:20px solid transparent;position:relative;left:-9px;top:-40px;}
+div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border-left:20px solid #000000;border-left:20px solid rgba(0, 0, 0, 0.5);border-bottom:20px solid transparent;border-top:20px solid transparent;}
+div.hopscotch-bubble .hopscotch-actions{margin:10px 0 0;text-align:right;}
+div.hopscotch-bubble input.hopscotch-nav-button{border-width:1px;border-style:solid;cursor:pointer;font-size:12px;line-height:1.35;margin:0;overflow:visible;padding:3px 10px 2px;*padding:2px 10px 1px;text-decoration:none !important;vertical-align:top;width:auto;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;*padding:3px 10px;}div.hopscotch-bubble input.hopscotch-nav-button.next{background:#FFCF0B;background:-moz-linear-gradient(top, #fff5bd 0, #fff5bd 1px, #ffe976 1px, #ffcf0b 100%);background:-o-linear-gradient(top, #fff5bd 0, #fff5bd 1px, #ffe976 1px, #ffcf0b 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff5bd), color-stop(5%, #fff5bd), color-stop(5%, #ffe976), color-stop(100%, #ffcf0b));background:linear-gradient(top, #fff5bd 0, #fff5bd 1px, #ffe976 1px, #ffcf0b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE976', endColorstr='#FFCF0B', GradientType=0);border-color:#e8b463;color:#333;font-weight:bold;margin:0 0 0 10px;overflow:visible;}div.hopscotch-bubble input.hopscotch-nav-button.next.hide-all{display:none;}
+div.hopscotch-bubble input.hopscotch-nav-button.next:hover{background:#F6C408;background:-moz-linear-gradient(top, #faeeae 0, #faeeae 1px, #f5db59 1px, #f6c408 100%);background:-o-linear-gradient(top, #faeeae 0, #faeeae 1px, #f5db59 1px, #f6c408 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #faeeae), color-stop(5%, #faeeae), color-stop(5%, #f5db59), color-stop(100%, #f6c408));background:linear-gradient(top, #faeeae 0, #faeeae 1px, #f5db59 1px, #f6c408 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5DB59', endColorstr='#F6C408', GradientType=0);}
+div.hopscotch-bubble input.hopscotch-nav-button.next:active{background:#F5DD61;background:-moz-linear-gradient(top, #f6c202 0, #f5dd61 100%);background:-o-linear-gradient(top, #f6c202 0, #f5dd61 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f6c202), color-stop(100%, #f5dd61));background:linear-gradient(top, #f6c202 0, #f5dd61 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6C202', endColorstr='#F5DD61', GradientType=0);}
+div.hopscotch-bubble input.hopscotch-nav-button.prev{background:#CECECE;background:-moz-linear-gradient(top, #f2f2f2 0, #f2f2f2 1px, #e4e4e4 1px, #cecece 100%);background:-o-linear-gradient(top, #f2f2f2 0, #f2f2f2 1px, #e4e4e4 1px, #cecece 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(5%, #f2f2f2), color-stop(5%, #e4e4e4), color-stop(100%, #cecece));background:linear-gradient(top, #f2f2f2 0, #f2f2f2 1px, #e4e4e4 1px, #cecece 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E4E4', endColorstr='#CECECE', GradientType=0);border-color:#999;color:#666 !important;}div.hopscotch-bubble input.hopscotch-nav-button.prev:hover{background:#B7B7B7;background:-moz-linear-gradient(top, #e4e4e4 0, #e4e4e4 1px, #c8c8c8 1px, #b7b7b7 100%);background:-o-linear-gradient(top, #e4e4e4 0, #e4e4e4 1px, #c8c8c8 1px, #b7b7b7 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e4e4e4), color-stop(5%, #e4e4e4), color-stop(5%, #c8c8c8), color-stop(100%, #b7b7b7));background:linear-gradient(top, #e4e4e4 0, #e4e4e4 1px, #c8c8c8 1px, #b7b7b7 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C8C8C8', endColorstr='#B7B7B7', GradientType=0);}
+div.hopscotch-bubble input.hopscotch-nav-button.prev:active{background:#C9C9C9;background:-moz-linear-gradient(top, #b6b6b6 0, #c9c9c9 100%);background:-o-linear-gradient(top, #b6b6b6 0, #c9c9c9 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #b6b6b6), color-stop(100%, #c9c9c9));background:linear-gradient(top, #b6b6b6 0, #c9c9c9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B6B6B6', endColorstr='#C9C9C9', GradientType=0);}
diff --git a/css/hopscotch.less b/css/hopscotch.less
index 64184ae5..72c02692 100644
--- a/css/hopscotch.less
+++ b/css/hopscotch.less
@@ -2,7 +2,7 @@
 @import "vars.less";
 @import "fade.less";
 
-div#hopscotch-bubble {
+div.hopscotch-bubble {
   background-color: @bubbleColor;
   border: @bubbleBorderWidth solid #000; /* default */
   border: @bubbleBorderWidth solid @borderColor; /* transparent, if supported */
@@ -58,7 +58,7 @@ div#hopscotch-bubble {
     padding: 0;
   }
 
-  #hopscotch-bubble-container {
+  .hopscotch-bubble-container {
     padding: @bubblePadding;
     position: relative;
     -webkit-font-smoothing: antialiased; /* to fix text flickering */
@@ -71,11 +71,15 @@ div#hopscotch-bubble {
     }
   }
 
-  #hopscotch-bubble-content {
+  .hopscotch-bubble-content {
     margin: 0 0 0 (@circleWidth + 10px);
   }
 
-  #hopscotch-bubble-close {
+  &.no-number .hopscotch-bubble-content {
+    margin: 0;
+  }
+
+  .hopscotch-bubble-close {
     color: #000;
     background: transparent @spriteUrl -200px -100px no-repeat;
     display: block;
@@ -96,7 +100,7 @@ div#hopscotch-bubble {
     }
   }
 
-  #hopscotch-bubble-number {
+  .hopscotch-bubble-number {
     background: transparent @spriteUrl 0 0 no-repeat;
     color: #fff;
     display: block;
@@ -108,7 +112,7 @@ div#hopscotch-bubble {
     height: @circleWidth;
   }
 
-  #hopscotch-bubble-arrow-container {
+  .hopscotch-bubble-arrow-container {
     @arrowWidth: 20px;
     position: absolute;
 
@@ -197,7 +201,7 @@ div#hopscotch-bubble {
     }
   }
 
-  #hopscotch-actions {
+  .hopscotch-actions {
     margin: 10px 0 0;
     text-align: right;
   }
diff --git a/index.html b/index.html
index 5f888eee..a3dccde9 100644
--- a/index.html
+++ b/index.html
@@ -2,12 +2,12 @@
 <html>
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <!--
     <link href="css/hopscotch.less" rel="stylesheet/less"></link>
     <link href="css/bounce.less" rel="stylesheet/less"></link>
     <script src="js/less-1.3.0.min.js"></script>
-    -->
+    <!--
     <link href="css/hopscotch.css" rel="stylesheet"></link>
+    -->
     <style>
       body {
         font-family: Helvetica, Arial;
@@ -61,6 +61,7 @@ <h2 id="subheading" class="one two three">Content</h2>
       <h2>Debug controls</h2>
       <input id="startBtn" type="button" value="Start">
       <input id="endBtn" type="button" value="End">
+      <input id="addCallout" type="button" value="addCallout">
       <h3>Tour Options</h3>
       <label>
         <input type="checkbox" id="animateCheck"> animate
diff --git a/js/hopscotch-0.0.3.js b/js/hopscotch-0.0.3.js
index a8086153..98f5b39b 100644
--- a/js/hopscotch-0.0.3.js
+++ b/js/hopscotch-0.0.3.js
@@ -1,6 +1,7 @@
 (function(context, namespace) {
   var Hopscotch,
       HopscotchBubble,
+      HopscotchCalloutManager,
       HopscotchI18N,
       utils,
       callbacks,
@@ -9,6 +10,20 @@
       undefinedStr      = 'undefined',
       waitingToStart    = false, // is a tour waiting for the document to finish
                                  // loading so that it can start?
+      defaultOpts       = {
+        animate:         false,
+        smoothScroll:    true,
+        scrollDuration:  1000,
+        scrollTopMargin: 200,
+        showCloseButton: true,
+        showPrevButton:  false,
+        showNextButton:  true,
+        bubbleWidth:     280,
+        bubblePadding:   15,
+        arrowWidth:      20,
+        skipIfNoElement: true,
+        cookieName:      'hopscotch.tour.state'
+      },
       hasJquery         = (typeof window.jQuery !== undefinedStr),
       hasSessionStorage = (typeof window.sessionStorage !== undefinedStr),
       docStyle          = document.body.style,
@@ -66,7 +81,7 @@
         domEl.className = classToAdd;
       }
       else {
-        domClasses = domEl.className.split(' ');
+        domClasses = domEl.className.split(/\s+/);
         for (i = 0, len = domClasses.length; i < len; ++i) {
           if (domClasses[i] === classToAdd) {
             return;
@@ -92,8 +107,8 @@
           toRemoveLen,
           domClassLen;
 
-      classesToRemove = classToRemove.split(' ');
-      domClasses = domEl.className.split(' ');
+      classesToRemove = classToRemove.split(/\s+/);
+      domClasses = domEl.className.split(/\s+/);
       for (i = 0, toRemoveLen = classesToRemove.length; i < toRemoveLen; ++i) {
         currClass = classesToRemove[i];
         for (j = 0, domClassLen = domClasses.length; j < domClassLen; ++j) {
@@ -320,7 +335,7 @@
      *
      * Sets the position of the bubble using the bounding rectangle of the
      * target element and the orientation and offset information specified by
-     * the step JSON.
+     * the JSON.
      */
     setPosition: function(step) {
       var bubbleWidth,
@@ -420,7 +435,7 @@
       });
       utils.addClickListener(this.doneBtnEl, winHopscotch.endTour);
 
-      buttonsEl.id = 'hopscotch-actions';
+      buttonsEl.className = 'hopscotch-actions';
       this.buttonsEl = buttonsEl;
 
       this.containerEl.appendChild(buttonsEl);
@@ -428,29 +443,43 @@
     },
 
     initCloseButton: function() {
-      var closeBtnEl = document.createElement('a');
+      var closeBtnEl = document.createElement('a'),
+          self       = this;
 
-      closeBtnEl.id = 'hopscotch-bubble-close';
+      closeBtnEl.className = 'hopscotch-bubble-close';
       closeBtnEl.href = '#';
       closeBtnEl.title = HopscotchI18N.closeTooltip;
       closeBtnEl.innerHTML = HopscotchI18N.closeTooltip;
 
-      utils.addClickListener(closeBtnEl, function(evt) {
-        var currStepNum   = winHopscotch.getCurrStepNum(),
-            currTour      = winHopscotch.getCurrTour(),
-            doEndCallback = (currStepNum === currTour.steps.length-1);
+      if (this.opt.isTourBubble) {
+        utils.addClickListener(closeBtnEl, function(evt) {
+          var currStepNum   = winHopscotch.getCurrStepNum(),
+              currTour      = winHopscotch.getCurrTour(),
+              doEndCallback = (currStepNum === currTour.steps.length-1);
 
-        utils.invokeCallbacks('close', [currTour.id, currStepNum]);
+          utils.invokeCallbacks('close', [currTour.id, currStepNum]);
 
-        winHopscotch.endTour(true, doEndCallback);
+          winHopscotch.endTour(true, doEndCallback);
 
-        if (evt.preventDefault) {
-          evt.preventDefault();
-        }
-        else if (event) {
-          event.returnValue = false;
-        }
-      });
+          if (evt.preventDefault) {
+            evt.preventDefault();
+          }
+          else if (event) {
+            event.returnValue = false;
+          }
+        });
+      }
+      else {
+        utils.addClickListener(closeBtnEl, function(evt) {
+          utils.addClass(self.element, 'hide');
+          if (evt.preventDefault) {
+            evt.preventDefault();
+          }
+          else if (event) {
+            event.returnValue = false;
+          }
+        });
+      }
 
       this.closeBtnEl = closeBtnEl;
       this.containerEl.appendChild(closeBtnEl);
@@ -462,7 +491,7 @@
           arrowBorderEl;
 
       this.arrowEl = document.createElement('div');
-      this.arrowEl.id = 'hopscotch-bubble-arrow-container';
+      this.arrowEl.className = 'hopscotch-bubble-arrow-container';
 
       arrowBorderEl = document.createElement('div');
       arrowBorderEl.className = 'hopscotch-bubble-arrow-border';
@@ -477,28 +506,34 @@
       return this;
     },
 
-    renderStep: function(step, idx, isLast, callback) {
+    render: function(step, idx, isLast, callback) {
       var self     = this,
           showNext = utils.valOrDefault(step.showNextButton, this.opt.showNextButton),
           showPrev = utils.valOrDefault(step.showPrevButton, this.opt.showPrevButton),
           bubbleWidth,
           bubblePadding;
 
-      currStep = step;
+      this.currStep = step;
       this.setTitle(step.title ? step.title : '');
       this.setContent(step.content ? step.content : '');
-      this.setNum(idx);
+
+      if (this.opt.showNumber) {
+        this.setNum(idx);
+      }
+
       this.orientation = step.orientation;
 
-      this.showPrevButton(this.prevBtnEl && showPrev && idx > 0);
-      this.showNextButton(this.nextBtnEl && showNext && !isLast);
-      this.nextBtnEl.value = step.showSkip ? HopscotchI18N.skipBtn : HopscotchI18N.nextBtn;
+      if (this.opt.showNavButtons) {
+        this.showPrevButton(this.prevBtnEl && showPrev && idx > 0);
+        this.showNextButton(this.nextBtnEl && showNext && !isLast);
+        this.nextBtnEl.value = step.showSkip ? HopscotchI18N.skipBtn : HopscotchI18N.nextBtn;
 
-      if (isLast) {
-        utils.removeClass(this.doneBtnEl, 'hide');
-      }
-      else {
-        utils.addClass(this.doneBtnEl, 'hide');
+        if (isLast) {
+          utils.removeClass(this.doneBtnEl, 'hide');
+        }
+        else {
+          utils.addClass(this.doneBtnEl, 'hide');
+        }
       }
 
       this.setArrow(step.orientation);
@@ -570,20 +605,22 @@
     },
 
     setArrow: function(orientation) {
+      utils.removeClass(this.arrowEl, 'down up right left');
+
       // Whatever the orientation is, we want to arrow to appear
       // "opposite" of the orientation. E.g., a top orientation
       // requires a bottom arrow.
       if (orientation === 'top') {
-        this.arrowEl.className = 'down';
+        utils.addClass(this.arrowEl, 'down');
       }
       else if (orientation === 'bottom') {
-        this.arrowEl.className = 'up';
+        utils.addClass(this.arrowEl, 'up');
       }
       else if (orientation === 'left') {
-        this.arrowEl.className = 'right';
+        utils.addClass(this.arrowEl, 'right');
       }
       else if (orientation === 'right') {
-        this.arrowEl.className = 'left';
+        utils.addClass(this.arrowEl, 'left');
       }
     },
 
@@ -622,7 +659,7 @@
           utils.removeClass(self.element, className);
         }, fadeDur);
       }
-      isShowing = true;
+      this.isShowing = true;
       return this;
     },
 
@@ -646,7 +683,7 @@
         }
       }
       utils.removeClass(el, 'animate fade-in-up fade-in-down fade-in-right fade-in-left');
-      isShowing = false;
+      this.isShowing = false;
       return this;
     },
 
@@ -704,7 +741,7 @@
       utils.removeClass(this.element, 'animate');
     },
 
-    init: function(opt) {
+    init: function(initOpt) {
       var el              = document.createElement('div'),
           containerEl     = document.createElement('div'),
           bubbleContentEl = document.createElement('div'),
@@ -716,21 +753,46 @@
       this.element        = el;
       this.containerEl    = containerEl;
       this.titleEl        = document.createElement('h3');
-      this.numberEl       = document.createElement('span');
       this.contentEl      = document.createElement('p');
 
-      el.id = 'hopscotch-bubble';
-      utils.addClass(el, 'animated'); // for fade css animation
-      containerEl.id = 'hopscotch-bubble-container';
-      this.numberEl.id = 'hopscotch-bubble-number';
-      containerEl.appendChild(this.numberEl);
+      opt = {
+        animate:        defaultOpts.animate,
+        showPrevButton: defaultOpts.showPrevButton,
+        showNextButton: defaultOpts.showNextButton,
+        bubbleWidth:    defaultOpts.bubbleWidth,
+        bubblePadding:  defaultOpts.bubblePadding,
+        arrowWidth:     defaultOpts.arrowWidth,
+        showNumber:     true,
+        showNavButtons: true,
+        isTourBubble:   true
+      };
+
+      initOpt = (typeof initOpt === undefinedStr ? {} : initOpt);
+
+      utils.extend(opt, initOpt);
+      this.opt = opt;
+
+      el.className = 'hopscotch-bubble animated'; // "animated" for fade css animation
+      containerEl.className = 'hopscotch-bubble-container';
+
+      if (opt.showNumber) {
+        this.numberEl           = document.createElement('span');
+        this.numberEl.className = 'hopscotch-bubble-number';
+        containerEl.appendChild(this.numberEl);
+      }
+      else {
+        utils.addClass(el, 'no-number');
+      }
+
       bubbleContentEl.appendChild(this.titleEl);
       bubbleContentEl.appendChild(this.contentEl);
-      bubbleContentEl.id = 'hopscotch-bubble-content';
+      bubbleContentEl.className = 'hopscotch-bubble-content';
       containerEl.appendChild(bubbleContentEl);
       el.appendChild(containerEl);
 
-      this.initNavButtons();
+      if (opt.showNavButtons) {
+        this.initNavButtons();
+      }
       this.initCloseButton();
 
       this.initArrow();
@@ -749,9 +811,9 @@
 
         resizeCooldown = true;
         winResizeTimeout = setTimeout(function() {
-          self.setPosition(currStep);
+          self.setPosition(self.currStep);
           resizeCooldown = false;
-        }, 200);
+        }, 100);
       };
 
       if (window.addEventListener) {
@@ -764,11 +826,45 @@
 
       this.hide();
       document.body.appendChild(el);
-
-      this.opt = opt;
     }
   };
 
+  HopscotchCalloutManager = function() {
+    var callouts = {};
+
+    this.createCallout = function(id, opt) {
+      var callout;
+
+      opt.isTourBubble = false;
+      callout = new HopscotchBubble(opt);
+      callouts[id] = callout;
+      if (opt.target) {
+        if (opt.title) {
+          callout.setTitle(opt.title);
+        }
+
+        if (opt.content) {
+          callout.setContent(opt.content);
+        }
+
+        callout.render(opt);
+        callout.show();
+      }
+    };
+
+    this.getCallout = function(id) {
+      return callouts[id];
+    };
+
+    this.removeCallout = function(id) {
+      var callout = callouts[id];
+
+      if (!callout) { return; }
+
+      callout.destroy();
+    };
+  };
+
   /**
    * Hopscotch
    *
@@ -777,9 +873,9 @@
    * @param {Object} initOptions Options to be passed to `configure()`.
    */
   Hopscotch = function(initOptions) {
-    var cookieName = 'hopscotch.tour.state',
-        self       = this, // for targetClickNextFn
+    var self       = this, // for targetClickNextFn
         bubble,
+        calloutMgr,
         opt,
         currTour,
         currStepNum,
@@ -797,7 +893,14 @@
      */
     getBubble = function() {
       if (!bubble) {
-        bubble = new HopscotchBubble(opt);
+        bubble = new HopscotchBubble({
+          animate:        opt.animate,
+          bubblePadding:  opt.bubblePadding,
+          bubbleWidth:    opt.bubbleWidth,
+          showNextButton: opt.showNextButton,
+          showPrevButton: opt.showPrevButton,
+          arrowWidth:     opt.arrowWidth
+        });
       }
       return bubble;
     },
@@ -1115,6 +1218,14 @@
       }
     };
 
+    this.getCalloutManager = function() {
+      if (typeof calloutMgr === undefinedStr) {
+        calloutMgr = new HopscotchCalloutManager();
+      }
+
+      return calloutMgr;
+    };
+
     /**
      * startTour
      *
@@ -1234,7 +1345,7 @@
         }
 
         isLast = (stepNum === numTourSteps - 1);
-        bubble.renderStep(step, stepNum, isLast, function() {
+        bubble.render(step, stepNum, isLast, function() {
           // when done adjusting window scroll, call bubble.show()
           adjustWindowScroll(function() {
             bubble.show();
@@ -1426,7 +1537,6 @@
      * @returns {Object} Hopscotch
      */
     this.setCookieName = function(name) {
-      cookieName     = name;
       opt.cookieName = name;
       return this;
     };
@@ -1439,20 +1549,9 @@
      * @returns {Object} Hopscotch
      */
     this.resetDefaultOptions = function() {
-      opt = {
-        animate:         false,
-        smoothScroll:    true,
-        scrollDuration:  1000,
-        scrollTopMargin: 200,
-        showCloseButton: true,
-        showPrevButton:  false,
-        showNextButton:  true,
-        bubbleWidth:     280,
-        bubblePadding:   15,
-        arrowWidth:      20,
-        skipIfNoElement: true,
-        cookieName:      cookieName
-      };
+      if (!opt) { opt = {}; }
+
+      utils.extend(opt, defaultOpts);
       return this;
     };
 
diff --git a/js/hopscotch-0.0.3.min.js b/js/hopscotch-0.0.3.min.js
index cb8776e3..6f90fa70 100644
--- a/js/hopscotch-0.0.3.min.js
+++ b/js/hopscotch-0.0.3.min.js
@@ -1,29 +1,31 @@
-(function(s,y){var k,u,i,c,p,l=s[y],z=!1,v="undefined"!==typeof window.jQuery,q="undefined"!==typeof window.sessionStorage;k=document.body.style;var A="undefined"!==typeof k.MozTransition||"undefined"!==typeof k.MsTransition||"undefined"!==typeof k.webkitTransition||"undefined"!==typeof k.OTransition||"undefined"!==typeof k.transition;l||(k=function(){z&&l.startTour()},window.addEventListener?window.addEventListener("load",k,!1):window.attachEvent&&window.attachEvent("onload",k),c={addClass:function(a,
-c){var b,d,h;if(0===a.className.length)a.className=c;else{b=a.className.split(" ");d=0;for(h=b.length;d<h;++d)if(b[d]===c)return;b.splice(0,0,c);a.className=b.join(" ")}},removeClass:function(a,c){var b,d,h,g,f,i,j;d=c.split(" ");b=a.className.split(" ");g=0;for(i=d.length;g<i;++g){h=d[g];f=0;for(j=b.length;f<j&&b[f]!==h;++f);f<j&&b.splice(f,1)}a.className=b.join(" ")},getPixelValue:function(a){var c=typeof a;return"number"===c?a:"string"===c?parseInt(a,10):0},valOrDefault:function(a,c){return"undefined"!==
-typeof a?a:c},invokeCallbacks:function(a,c){for(var b=p[a],d=0,h=b.length;d<h;++d)b[d].cb.apply(this,c)},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?window.innerHeight:document.documentElement.clientHeight},getWindowWidth:function(){return window.innerWidth?
-window.innerWidth:document.documentElement.clientWidth},addClickListener:function(a,c){return a.addEventListener?a.addEventListener("click",c,!1):a.attachEvent("onclick",c)},evtPreventDefault:function(a){a.preventDefault?a.preventDefault():event&&(event.returnValue=!1)},extend:function(a,c){for(var b in c)c.hasOwnProperty(b)&&(a[b]=c[b])},getStepTarget:function(a){return!a||!a.target?null:"string"===typeof a.target?/[#\.].*/.test(a.target)?document.querySelector?document.querySelector(a.target):v?
-(a=jQuery(a.target),a.length?a[0]:null):window.Sizzle?(a=Sizzle(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},setState:function(a,c,b){var d="";q?sessionStorage.setItem(a,c):(b&&(d=new Date,d.setTime(d.getTime()+864E5*b),d="; expires="+d.toGMTString()),document.cookie=a+"="+c+d+"; path=/")},getState:function(a){var c=a+"=",b=document.cookie.split(";"),d;if(q)return sessionStorage.getItem(a);
-for(a=0;a<b.length;a++){for(d=b[a];" "===d.charAt(0);)d=d.substring(1,d.length);if(0===d.indexOf(c))return d.substring(c.length,d.length)}return null},clearState:function(a){q?sessionStorage.removeItem(a):this.setState(a,"",-1)}},p={next:[],prev:[],start:[],end:[],show:[],error:[],close:[]},i={stepNums:null,nextBtn:"Next",prevBtn:"Back",doneBtn:"Done",skipBtn:"Skip",closeTooltip:"Close"},u=function(a){this.init(a)},u.prototype={isShowing:!1,currStep:void 0,createButton:function(a,e){var b=document.createElement("input");
-b.id=a;b.type="button";b.value=e;c.addClass(b,"hopscotch-nav-button");0<=a.indexOf("prev")?c.addClass(b,"prev"):c.addClass(b,"next");return b},setPosition:function(a){var e,b,d,h,g;d=c.getStepTarget(a);var f=this.element,i=this.arrowEl,j=c.getPixelValue(a.arrowOffset);e=c.getPixelValue(a.width)||this.opt.bubbleWidth;b=c.valOrDefault(a.padding,this.opt.bubblePadding);c.removeClass(f,"fade-in-down fade-in-up fade-in-left fade-in-right");d=d.getBoundingClientRect();"top"===a.orientation?(e=f.offsetHeight,
-h=d.top-e-this.opt.arrowWidth,g=d.left):"bottom"===a.orientation?(h=d.bottom+this.opt.arrowWidth,g=d.left):"left"===a.orientation?(h=d.top,g=d.left-e-2*b-12-this.opt.arrowWidth):"right"===a.orientation&&(h=d.top,g=d.right+this.opt.arrowWidth);if(j)if("top"===a.orientation||"bottom"===a.orientation)i.style.top="",i.style.left=j+"px";else{if("left"===a.orientation||"right"===a.orientation)i.style.left="",i.style.top=j+"px"}else i.style.top="",i.style.left="";g+=c.getPixelValue(a.xOffset);h+=c.getPixelValue(a.yOffset);
-a.fixedElement||(h+=c.getScrollTop(),g+=c.getScrollLeft());f.style.position=a.fixedElement?"fixed":"absolute";this.opt.animate&&v&&!A?$(f).animate({top:h+"px",left:g+"px"}):(f.style.top=h+"px",f.style.left=g+"px")},initNavButtons:function(){var a=document.createElement("div");this.prevBtnEl=this.createButton("hopscotch-prev",i.prevBtn);this.nextBtnEl=this.createButton("hopscotch-next",i.nextBtn);this.doneBtnEl=this.createButton("hopscotch-done",i.doneBtn);c.addClass(this.doneBtnEl,"hide");a.appendChild(this.prevBtnEl);
-a.appendChild(this.nextBtnEl);a.appendChild(this.doneBtnEl);c.addClickListener(this.prevBtnEl,function(){l.prevStep(!0)});c.addClickListener(this.nextBtnEl,function(){l.nextStep(!0)});c.addClickListener(this.doneBtnEl,l.endTour);a.id="hopscotch-actions";this.buttonsEl=a;this.containerEl.appendChild(a);return this},initCloseButton:function(){var a=document.createElement("a");a.id="hopscotch-bubble-close";a.href="#";a.title=i.closeTooltip;a.innerHTML=i.closeTooltip;c.addClickListener(a,function(a){var b=
-l.getCurrStepNum(),d=l.getCurrTour(),h=b===d.steps.length-1;c.invokeCallbacks("close",[d.id,b]);l.endTour(!0,h);a.preventDefault?a.preventDefault():event&&(event.returnValue=!1)});this.closeBtnEl=a;this.containerEl.appendChild(a);return this},initArrow:function(){var a,c;this.arrowEl=document.createElement("div");this.arrowEl.id="hopscotch-bubble-arrow-container";c=document.createElement("div");c.className="hopscotch-bubble-arrow-border";a=document.createElement("div");a.className="hopscotch-bubble-arrow";
-this.arrowEl.appendChild(c);this.arrowEl.appendChild(a);this.element.appendChild(this.arrowEl);return this},renderStep:function(a,e,b,d){var h=this,g=c.valOrDefault(a.showNextButton,this.opt.showNextButton),f=c.valOrDefault(a.showPrevButton,this.opt.showPrevButton);currStep=a;this.setTitle(a.title?a.title:"");this.setContent(a.content?a.content:"");this.setNum(e);this.orientation=a.orientation;this.showPrevButton(this.prevBtnEl&&f&&0<e);this.showNextButton(this.nextBtnEl&&g&&!b);this.nextBtnEl.value=
-a.showSkip?i.skipBtn:i.nextBtn;b?c.removeClass(this.doneBtnEl,"hide"):c.addClass(this.doneBtnEl,"hide");this.setArrow(a.orientation);e=c.getPixelValue(a.width)||this.opt.bubbleWidth;b=c.valOrDefault(a.padding,this.opt.bubblePadding);this.containerEl.style.width=e+"px";this.containerEl.style.padding=b+"px";this.element.style.zIndex=a.zindex?a.zindex:"";"top"===a.orientation?setTimeout(function(){h.setPosition(a);d&&(a.fixedElement?h.show():d())},5):(this.setPosition(a),d&&(a.fixedElement?h.show():
-d()));return this},setTitle:function(a){a?(this.titleEl.innerHTML=a,c.removeClass(this.titleEl,"hide")):c.addClass(this.titleEl,"hide");return this},setContent:function(a){a?(this.contentEl.innerHTML=a,c.removeClass(this.contentEl,"hide")):c.addClass(this.contentEl,"hide");return this},setNum:function(a){a=i.stepNums&&a<i.stepNums.length?i.stepNums[a]:a+1;this.numberEl.innerHTML=a},setArrow:function(a){"top"===a?this.arrowEl.className="down":"bottom"===a?this.arrowEl.className="up":"left"===a?this.arrowEl.className=
-"right":"right"===a&&(this.arrowEl.className="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();c.removeClass(this.element,"hide");this.opt.animate?setTimeout(function(){c.addClass(a.element,"animate")},50):(c.addClass(this.element,e),setTimeout(function(){c.removeClass(a.element,
-"invisible")},50),setTimeout(function(){c.removeClass(a.element,e)},1E3));isShowing=!0;return this},hide:function(a){var e=this.element,a=c.valOrDefault(a,!0);e.style.top="";e.style.left="";a?(c.addClass(e,"hide"),c.removeClass(e,"invisible")):(c.removeClass(e,"hide"),this.opt.animate||c.addClass(e,"invisible"));c.removeClass(e,"animate fade-in-up fade-in-down fade-in-right fade-in-left");isShowing=!1;return this},showButton:function(a,e,b){var d="hide";b&&(d="hide-all");"undefined"===typeof e&&(e=
-!0);e?c.removeClass(a,d):c.addClass(a,d)},showPrevButton:function(a,c){this.showButton(this.prevBtnEl,a,c)},showNextButton:function(a,c){this.showButton(this.nextBtnEl,a,c)},showCloseButton:function(a,c){this.showButton(this.closeBtnEl,a,c)},initAnimate:function(){var a=this;setTimeout(function(){c.addClass(a.element,"animate")},50)},removeAnimate:function(){c.removeClass(this.element,"animate")},init:function(a){var e=document.createElement("div"),b=document.createElement("div"),d=document.createElement("div"),
-h=this,g=!1;this.element=e;this.containerEl=b;this.titleEl=document.createElement("h3");this.numberEl=document.createElement("span");this.contentEl=document.createElement("p");e.id="hopscotch-bubble";c.addClass(e,"animated");b.id="hopscotch-bubble-container";this.numberEl.id="hopscotch-bubble-number";b.appendChild(this.numberEl);d.appendChild(this.titleEl);d.appendChild(this.contentEl);d.id="hopscotch-bubble-content";b.appendChild(d);e.appendChild(b);this.initNavButtons();this.initCloseButton();this.initArrow();
-b=function(){!g&&h.isShowing&&(g=!0,setTimeout(function(){h.setPosition(currStep);g=!1},200))};window.addEventListener?window.addEventListener("resize",b,!1):window.attachEvent&&window.attachEvent("onresize",b,!1);this.hide();document.body.appendChild(e);this.opt=a}},k=function(a){var e="hopscotch.tour.state",b=this,d,h,g,f,k,j,q,r=function(){d||(d=new u(h));return d},n=function(){return 0>f||f>=g.steps.length?null:g.steps[f]},w=function(){b.nextStep(!1)},x=function(a,d){var b,h;0<=f+a&&f+a<g.steps.length?
-(f+=a,h=n(),setTimeout(function(){(b=c.getStepTarget(h))?d(f):(c.invokeCallbacks("error",[g.id,f]),x(a,d))},c.valOrDefault(h.delay,0))):d(-1)},s=function(a,d){var b=this,e,i,j;r().hide();a=c.valOrDefault(a,!0);e=n();i=f;j=function(b){if(-1===b)return this.endTour(!0);if(a){if(0<d&&e.onNext)e.onNext();else if(0>d&&e.onPrev)e.onPrev();c.invokeCallbacks(0<d?"next":"prev",[g.id,i])}this.showStep(b)};if(h.skipIfNoElement)x(d,function(a){j.call(b,a)});else if(0<=f+d&&f+d<g.steps.length){f+=d;e=n();if(!c.getStepTarget(e))return c.invokeCallbacks("error",
-[g.id,f]),this.endTour(!0,!1);this.changeStepCb(f)}return this};this.startTour=function(a,d){var b;if(!g){b={};var e;g=a;for(e in a)a.hasOwnProperty(e)&&("id"!==e&&"steps"!==e)&&(b[e]=a[e]);this.resetDefaultOptions();q.call(this,b,!0);if(b=c.getState(h.cookieName))b=b.split(":"),k=b[0],j=b[1],j=parseInt(j,10),2<b.length&&"mp"===b[2]&&j<g.steps.length-1&&++j}"undefined"!==typeof d&&(f=d);if("complete"!==document.readyState)return z=!0,this;if("undefined"===typeof f)if(g.id===k&&"undefined"!==typeof j){if(f=
-j,b=n(),b=c.getStepTarget(b),b||(--f,b=n(),b=c.getStepTarget(b)),!b&&h.skipIfNoElement&&(x(1),b=-1!==f&&c.getStepTarget(g.steps[f])),!b)return this.endTour(!1,!1),this}else f=0;c.invokeCallbacks("start",[g.id,f]);b=r();b.hide(!1);this.isActive=!0;h.animate&&b.initAnimate();c.getStepTarget(n())?this.showStep(f):(c.invokeCallbacks("error",[g.id,f]),h.skipIfNoElement&&this.nextStep(!1));return this};this.showStep=function(a){var b=g.steps[a];setTimeout(function(){var d=g.steps.length,e=g.id+":"+a,i=
-r(),j=c.getStepTarget(b);f=a;h.animate||i.hide(!1);i.renderStep(b,a,a===d-1,function(){var a=function(){i.show()},d=r().element,e=c.getPixelValue(d.style.top),d=e+c.getPixelValue(d.offsetHeight),f=c.getStepTarget(n()).getBoundingClientRect(),g=f.top+c.getScrollTop(),f=f.bottom+c.getScrollTop(),e=e<g?e:g,d=d>f?d:f,g=c.getScrollTop(),f=g+c.getWindowHeight(),m=e-h.scrollTopMargin,t,k,l;e>=g&&(e<=g+h.scrollTopMargin||d<=f)?a&&a():h.smoothScroll?"undefined"!==typeof YAHOO&&"undefined"!==typeof YAHOO.env&&
-"undefined"!==typeof YAHOO.env.ua&&"undefined"!==typeof YAHOO.util&&"undefined"!==typeof YAHOO.util.Scroll?(e=YAHOO.env.ua.webkit?document.body:document.documentElement,d=YAHOO.util.Easing?YAHOO.util.Easing.easeOut:void 0,e=new YAHOO.util.Scroll(e,{scroll:{to:[0,m]}},h.scrollDuration/1E3,d),e.onComplete.subscribe(a),e.animate()):v?$("body, html").animate({scrollTop:m},h.scrollDuration,a):(0>m&&(m=0),t=g>e?-1:1,k=Math.abs(g-m)/(h.scrollDuration/10),l=setInterval(function(){var b=c.getScrollTop(),d=
-b+t*k;0<t&&d>=m||0>t&&d<=m?(d=m,clearInterval(l),a&&a(),window.scrollTo(0,d)):(window.scrollTo(0,d),c.getScrollTop()===b&&(clearInterval(l),a&&a()))},10)):(window.scrollTo(0,m),a&&a());if(b.onShow)b.onShow();b.nextOnTargetClick&&c.addClickListener(j,w)});c.invokeCallbacks("show",[g.id,f]);b.multipage&&(e+=":mp");c.setState(h.cookieName,e,1)},b.delay?b.delay:0);return this};this.prevStep=function(a){s.call(this,a,-1);return this};this.nextStep=function(a){var b=n(),d=c.getStepTarget(b);b.nextOnTargetClick&&
-(d.removeEventListener?d.removeEventListener("click",w,!1):d.detachEvent("click",w));s.call(this,a,1);return this};this.endTour=function(a,b){var d=r(),a=c.valOrDefault(a,!0),b=c.valOrDefault(b,!0);f=0;j=void 0;d.hide();a&&c.clearState(h.cookieName);l.isActive=!1;g&&b&&c.invokeCallbacks("end",[g.id]);l.removeCallbacks(!0);g=null;return this};this.getCurrTour=function(){return g};this.getCurrStepNum=function(){return f};this.listen=function(a,c,b){a&&c&&p[a].push({cb:c,fromTour:b});return this};this.removeCallback=
-function(a,c){var b=p[a],d,e;d=0;for(e=b.length;d<e;++d)c===b[d].cb&&b.splice(d,1);return this};this.removeCallbacks=function(a){var c,b,d,e;for(e in p)if(a){c=p[e];b=0;for(d=c.length;b<d;++b)c[b].fromTour&&(c.splice(b--,1),--d)}else p[e]=[];return this};this.setCookieName=function(a){e=a;h.cookieName=a;return this};this.resetDefaultOptions=function(){h={animate:!1,smoothScroll:!0,scrollDuration:1E3,scrollTopMargin:200,showCloseButton:!0,showPrevButton:!1,showNextButton:!0,bubbleWidth:280,bubblePadding:15,
-arrowWidth:20,skipIfNoElement:!0,cookieName:e};return this};q=function(a,b){var d;h||this.resetDefaultOptions();c.extend(h,a);a&&c.extend(i,a.i18n);this.listen("next",a.onNext,b).listen("prev",a.onPrev,b).listen("start",a.onStart,b).listen("end",a.onEnd,b).listen("show",a.onShow,b).listen("error",a.onError,b).listen("close",a.onClose,b);d=r();h.animate?d.initAnimate():d.removeAnimate();d.showCloseButton(a.showCloseButton,"undefined"!==typeof a.showCloseButton);return this};this.configure=function(a){return q.call(this,
-a,!1)};a&&this.configure(a)},l=new k,s[y]=l)})(window,"hopscotch");
+(function(t,z){var k,u,A,i,b,p,l=t[z],B=!1,q={animate:!1,smoothScroll:!0,scrollDuration:1E3,scrollTopMargin:200,showCloseButton:!0,showPrevButton:!1,showNextButton:!0,bubbleWidth:280,bubblePadding:15,arrowWidth:20,skipIfNoElement:!0,cookieName:"hopscotch.tour.state"},w="undefined"!==typeof window.jQuery,r="undefined"!==typeof window.sessionStorage;k=document.body.style;var C="undefined"!==typeof k.MozTransition||"undefined"!==typeof k.MsTransition||"undefined"!==typeof k.webkitTransition||"undefined"!==
+typeof k.OTransition||"undefined"!==typeof k.transition;l||(k=function(){B&&l.startTour()},window.addEventListener?window.addEventListener("load",k,!1):window.attachEvent&&window.attachEvent("onload",k),b={addClass:function(a,b){var c,d,f;if(0===a.className.length)a.className=b;else{c=a.className.split(/\s+/);d=0;for(f=c.length;d<f;++d)if(c[d]===b)return;c.splice(0,0,b);a.className=c.join(" ")}},removeClass:function(a,b){var c,d,f,h,g,i,j;d=b.split(/\s+/);c=a.className.split(/\s+/);h=0;for(i=d.length;h<
+i;++h){f=d[h];g=0;for(j=c.length;g<j&&c[g]!==f;++g);g<j&&c.splice(g,1)}a.className=c.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},invokeCallbacks:function(a,b){for(var c=p[a],d=0,f=c.length;d<f;++d)c[d].cb.apply(this,b)},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?window.innerHeight:document.documentElement.clientHeight},getWindowWidth:function(){return window.innerWidth?window.innerWidth:document.documentElement.clientWidth},addClickListener:function(a,b){return a.addEventListener?a.addEventListener("click",b,!1):a.attachEvent("onclick",b)},evtPreventDefault:function(a){a.preventDefault?a.preventDefault():event&&(event.returnValue=
+!1)},extend:function(a,b){for(var c in b)b.hasOwnProperty(c)&&(a[c]=b[c])},getStepTarget:function(a){return!a||!a.target?null:"string"===typeof a.target?/[#\.].*/.test(a.target)?document.querySelector?document.querySelector(a.target):w?(a=jQuery(a.target),a.length?a[0]:null):window.Sizzle?(a=Sizzle(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},setState:function(a,b,c){var d=
+"";r?sessionStorage.setItem(a,b):(c&&(d=new Date,d.setTime(d.getTime()+864E5*c),d="; expires="+d.toGMTString()),document.cookie=a+"="+b+d+"; path=/")},getState:function(a){var b=a+"=",c=document.cookie.split(";"),d;if(r)return sessionStorage.getItem(a);for(a=0;a<c.length;a++){for(d=c[a];" "===d.charAt(0);)d=d.substring(1,d.length);if(0===d.indexOf(b))return d.substring(b.length,d.length)}return null},clearState:function(a){r?sessionStorage.removeItem(a):this.setState(a,"",-1)}},p={next:[],prev:[],
+start:[],end:[],show:[],error:[],close:[]},i={stepNums:null,nextBtn:"Next",prevBtn:"Back",doneBtn:"Done",skipBtn:"Skip",closeTooltip:"Close"},u=function(a){this.init(a)},u.prototype={isShowing:!1,currStep:void 0,createButton:function(a,e){var c=document.createElement("input");c.id=a;c.type="button";c.value=e;b.addClass(c,"hopscotch-nav-button");0<=a.indexOf("prev")?b.addClass(c,"prev"):b.addClass(c,"next");return c},setPosition:function(a){var e,c,d,f,h;d=b.getStepTarget(a);var g=this.element,i=this.arrowEl,
+j=b.getPixelValue(a.arrowOffset);e=b.getPixelValue(a.width)||this.opt.bubbleWidth;c=b.valOrDefault(a.padding,this.opt.bubblePadding);b.removeClass(g,"fade-in-down fade-in-up fade-in-left fade-in-right");d=d.getBoundingClientRect();"top"===a.orientation?(e=g.offsetHeight,f=d.top-e-this.opt.arrowWidth,h=d.left):"bottom"===a.orientation?(f=d.bottom+this.opt.arrowWidth,h=d.left):"left"===a.orientation?(f=d.top,h=d.left-e-2*c-12-this.opt.arrowWidth):"right"===a.orientation&&(f=d.top,h=d.right+this.opt.arrowWidth);
+if(j)if("top"===a.orientation||"bottom"===a.orientation)i.style.top="",i.style.left=j+"px";else{if("left"===a.orientation||"right"===a.orientation)i.style.left="",i.style.top=j+"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&&w&&!C?$(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",i.prevBtn);this.nextBtnEl=this.createButton("hopscotch-next",i.nextBtn);this.doneBtnEl=this.createButton("hopscotch-done",i.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},initCloseButton:function(){var a=document.createElement("a"),e=this;a.className="hopscotch-bubble-close";a.href="#";a.title=i.closeTooltip;a.innerHTML=i.closeTooltip;this.opt.isTourBubble?b.addClickListener(a,function(a){var d=l.getCurrStepNum(),f=l.getCurrTour(),e=d===f.steps.length-1;b.invokeCallbacks("close",[f.id,d]);l.endTour(!0,e);a.preventDefault?a.preventDefault():event&&(event.returnValue=!1)}):
+b.addClickListener(a,function(a){b.addClass(e.element,"hide");a.preventDefault?a.preventDefault():event&&(event.returnValue=!1)});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,c,d){var f=this,h=b.valOrDefault(a.showNextButton,this.opt.showNextButton),g=b.valOrDefault(a.showPrevButton,this.opt.showPrevButton);this.currStep=a;this.setTitle(a.title?a.title:"");this.setContent(a.content?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&&!c),this.nextBtnEl.value=a.showSkip?
+i.skipBtn:i.nextBtn,c?b.removeClass(this.doneBtnEl,"hide"):b.addClass(this.doneBtnEl,"hide"));this.setArrow(a.orientation);e=b.getPixelValue(a.width)||this.opt.bubbleWidth;c=b.valOrDefault(a.padding,this.opt.bubblePadding);this.containerEl.style.width=e+"px";this.containerEl.style.padding=c+"px";this.element.style.zIndex=a.zindex?a.zindex:"";"top"===a.orientation?setTimeout(function(){f.setPosition(a);d&&(a.fixedElement?f.show():d())},5):(this.setPosition(a),d&&(a.fixedElement?f.show():d()));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=i.stepNums&&a<i.stepNums.length?i.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,c){var d="hide";c&&(d="hide-all");"undefined"===typeof e&&
+(e=!0);e?b.removeClass(a,d):b.addClass(a,d)},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")},init:function(a){var e=document.createElement("div"),c=document.createElement("div"),d=document.createElement("div"),
+f=this,h=!1;this.element=e;this.containerEl=c;this.titleEl=document.createElement("h3");this.contentEl=document.createElement("p");opt={animate:q.animate,showPrevButton:q.showPrevButton,showNextButton:q.showNextButton,bubbleWidth:q.bubbleWidth,bubblePadding:q.bubblePadding,arrowWidth:q.arrowWidth,showNumber:!0,showNavButtons:!0,isTourBubble:!0};a="undefined"===typeof a?{}:a;b.extend(opt,a);this.opt=opt;e.className="hopscotch-bubble animated";c.className="hopscotch-bubble-container";opt.showNumber?
+(this.numberEl=document.createElement("span"),this.numberEl.className="hopscotch-bubble-number",c.appendChild(this.numberEl)):b.addClass(e,"no-number");d.appendChild(this.titleEl);d.appendChild(this.contentEl);d.className="hopscotch-bubble-content";c.appendChild(d);e.appendChild(c);opt.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)}},A=function(){var a={};this.createCallout=function(b,c){var d;c.isTourBubble=!1;d=new u(c);a[b]=d;c.target&&(c.title&&d.setTitle(c.title),c.content&&d.setContent(c.content),d.render(c),d.show())};this.getCallout=function(b){return a[b]};this.removeCallout=function(b){(b=a[b])&&b.destroy()}},k=function(a){var e=this,c,d,f,h,g,k,j,r,s=function(){c||(c=new u({animate:f.animate,bubblePadding:f.bubblePadding,
+bubbleWidth:f.bubbleWidth,showNextButton:f.showNextButton,showPrevButton:f.showPrevButton,arrowWidth:f.arrowWidth}));return c},n=function(){return 0>g||g>=h.steps.length?null:h.steps[g]},x=function(){e.nextStep(!1)},y=function(a,d){var c,f;0<=g+a&&g+a<h.steps.length?(g+=a,f=n(),setTimeout(function(){(c=b.getStepTarget(f))?d(g):(b.invokeCallbacks("error",[h.id,g]),y(a,d))},b.valOrDefault(f.delay,0))):d(-1)},t=function(a,d){var c=this,e,i,j;s().hide();a=b.valOrDefault(a,!0);e=n();i=g;j=function(c){if(-1===
+c)return this.endTour(!0);if(a){if(0<d&&e.onNext)e.onNext();else if(0>d&&e.onPrev)e.onPrev();b.invokeCallbacks(0<d?"next":"prev",[h.id,i])}this.showStep(c)};if(f.skipIfNoElement)y(d,function(a){j.call(c,a)});else if(0<=g+d&&g+d<h.steps.length){g+=d;e=n();if(!b.getStepTarget(e))return b.invokeCallbacks("error",[h.id,g]),this.endTour(!0,!1);this.changeStepCb(g)}return this};this.getCalloutManager=function(){"undefined"===typeof d&&(d=new A);return d};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();r.call(this,c,!0);if(c=b.getState(f.cookieName))c=c.split(":"),k=c[0],j=c[1],j=parseInt(j,10),2<c.length&&"mp"===c[2]&&j<h.steps.length-1&&++j}"undefined"!==typeof d&&(g=d);if("complete"!==document.readyState)return B=!0,this;if("undefined"===typeof g)if(h.id===k&&"undefined"!==typeof j){if(g=j,c=n(),c=b.getStepTarget(c),c||(--g,c=n(),c=b.getStepTarget(c)),!c&&f.skipIfNoElement&&(y(1),c=-1!==g&&b.getStepTarget(h.steps[g])),
+!c)return this.endTour(!1,!1),this}else g=0;b.invokeCallbacks("start",[h.id,g]);c=s();c.hide(!1);this.isActive=!0;f.animate&&c.initAnimate();b.getStepTarget(n())?this.showStep(g):(b.invokeCallbacks("error",[h.id,g]),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=s(),j=b.getStepTarget(c);g=a;f.animate||i.hide(!1);i.render(c,a,a===d-1,function(){var a=function(){i.show()},d=s().element,e=b.getPixelValue(d.style.top),
+d=e+b.getPixelValue(d.offsetHeight),g=b.getStepTarget(n()).getBoundingClientRect(),h=g.top+b.getScrollTop(),g=g.bottom+b.getScrollTop(),e=e<h?e:h,d=d>g?d:g,h=b.getScrollTop(),g=h+b.getWindowHeight(),m=e-f.scrollTopMargin,v,k,l;e>=h&&(e<=h+f.scrollTopMargin||d<=g)?a&&a():f.smoothScroll?"undefined"!==typeof YAHOO&&"undefined"!==typeof YAHOO.env&&"undefined"!==typeof YAHOO.env.ua&&"undefined"!==typeof YAHOO.util&&"undefined"!==typeof YAHOO.util.Scroll?(e=YAHOO.env.ua.webkit?document.body:document.documentElement,
+d=YAHOO.util.Easing?YAHOO.util.Easing.easeOut:void 0,e=new YAHOO.util.Scroll(e,{scroll:{to:[0,m]}},f.scrollDuration/1E3,d),e.onComplete.subscribe(a),e.animate()):w?$("body, html").animate({scrollTop:m},f.scrollDuration,a):(0>m&&(m=0),v=h>e?-1:1,k=Math.abs(h-m)/(f.scrollDuration/10),l=setInterval(function(){var c=b.getScrollTop(),d=c+v*k;0<v&&d>=m||0>v&&d<=m?(d=m,clearInterval(l),a&&a(),window.scrollTo(0,d)):(window.scrollTo(0,d),b.getScrollTop()===c&&(clearInterval(l),a&&a()))},10)):(window.scrollTo(0,
+m),a&&a());if(c.onShow)c.onShow();c.nextOnTargetClick&&b.addClickListener(j,x)});b.invokeCallbacks("show",[h.id,g]);c.multipage&&(e+=":mp");b.setState(f.cookieName,e,1)},c.delay?c.delay:0);return this};this.prevStep=function(a){t.call(this,a,-1);return this};this.nextStep=function(a){var c=n(),d=b.getStepTarget(c);c.nextOnTargetClick&&(d.removeEventListener?d.removeEventListener("click",x,!1):d.detachEvent("click",x));t.call(this,a,1);return this};this.endTour=function(a,c){var d=s(),a=b.valOrDefault(a,
+!0),c=b.valOrDefault(c,!0);g=0;j=void 0;d.hide();a&&b.clearState(f.cookieName);l.isActive=!1;h&&c&&b.invokeCallbacks("end",[h.id]);l.removeCallbacks(!0);h=null;return this};this.getCurrTour=function(){return h};this.getCurrStepNum=function(){return g};this.listen=function(a,b,c){a&&b&&p[a].push({cb:b,fromTour:c});return this};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.setCookieName=function(a){f.cookieName=a;return this};this.resetDefaultOptions=function(){f||(f={});b.extend(f,q);return this};r=function(a,c){var d;f||this.resetDefaultOptions();b.extend(f,a);a&&b.extend(i,a.i18n);this.listen("next",a.onNext,c).listen("prev",a.onPrev,c).listen("start",a.onStart,c).listen("end",a.onEnd,c).listen("show",a.onShow,c).listen("error",a.onError,c).listen("close",a.onClose,
+c);d=s();f.animate?d.initAnimate():d.removeAnimate();d.showCloseButton(a.showCloseButton,"undefined"!==typeof a.showCloseButton);return this};this.configure=function(a){return r.call(this,a,!1)};a&&this.configure(a)},l=new k,t[z]=l)})(window,"hopscotch");