fix all deprecated properties

Author: Parvinmh

example/RTL/index.html

@@ -44,7 +44,7 @@ <h3 class="muted">Intro.js</h3>
       <div class="jumbotron">
         <h1 data-step="1" data-title="یک عنوان کوتاه" data-intro="ویکی‌پدیا مقاله‌های رایگانی را ارائه می‌دهد که برای توزیع بیشتر در نظر گرفته شده‌اند و می‌توان آن‌ها را در زیر مدخل‌های واژگانی (لم) و همچنین پورتال‌ها بر اساس حوزه‌های موضوعی و فهرست‌های موضوعی یافت.">RTL Style</h1>
         <p class="lead" data-step="4"data-intro="یک مرحله دیگه">This is the <abbr lang="en" title="Right To Left">RTL</abbr> version of IntroJs which includes an addition CSS file to perform the RTL style.</p>
-        <a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs().setOptions({ 'nextLabel': 'بعد', 'prevLabel': 'قبل', 'doneLabel': 'اتمام' }).start();">Show me how</a>
+        <a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs.tour().setOptions({ 'nextLabel': 'بعد', 'prevLabel': 'قبل', 'doneLabel': 'اتمام' }).start();">Show me how</a>
       </div>
 
       <hr>

example/auto-position/index.html

@@ -17,7 +17,7 @@
     <link href="../assets/css/bootstrap-responsive.min.css" rel="stylesheet">
 	<script>
 		function startTour() {
-			var tour = introJs()
+			var tour = introJs.tour()
 			tour.setOption('tooltipPosition', 'auto');
 			tour.setOption('positionPrecedence', ['left', 'right', 'top', 'bottom']);
 			tour.start();

example/bootstrap/v3/index.html

@@ -83,7 +83,7 @@
             <div class="intro-text">
                 <div data-intro="This is the name of this site" class="intro-lead-in">Welcome To Our Studio!</div>
                 <div  data-intro="This is the main headline" class="intro-heading">It's Nice To Meet You</div>
-                <a href="javascript:void(0)" onclick="introJs().start();" class="page-scroll btn btn-xl">Start Introjs</a>
+                <a href="javascript:void(0)" onclick="introJs.tour().start();" class="page-scroll btn btn-xl">Start Introjs</a>
             </div>
         </div>
     </header>

example/callbacks/onbeforechange.html

@@ -70,7 +70,7 @@ <h4>Section Six</h4>
 
     <script type="text/javascript">
       function startIntro(){
-        var intro = introJs();
+        var intro = introJs.tour();
         intro.onbeforechange(function () {
           if (this.currentStep() === 2) {
             alert('You cannot continue! :P')

example/disable-interaction/index.html

@@ -35,7 +35,7 @@ <h3 class="muted">Intro.js</h3>
       <div class="jumbotron">
         <h1 data-step="1" data-intro="Interaction is disabled in this step" data-disable-interaction="1">Disable Interaction</h1>
         <p class="lead" data-step="4" data-intro="Another step.">This page demonstrates the usage of <code>data-disable-interaction</code> attribute.</p>
-        <a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs().start();">Show me how</a>
+        <a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs.tour().start();">Show me how</a>
       </div>
 
       <hr>

example/disable-interaction/programmatic.html

@@ -72,7 +72,7 @@ <h4>Section Six</h4>
     <script
 type="text/javascript">
       function startIntro() {
-        var intro = introJs();
+        var intro = introJs.tour();
 
         intro.setOptions({
           steps: [

example/groups/index.html

@@ -35,8 +35,8 @@ <h3 class="muted">Intro.js</h3>
       <div class="jumbotron">
         <h1>Groups</h1>
         <p class="lead">An example of grouping, with <code>data-intro-group</code> attributes.</p>
-        <a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs().start('odd');">Show me odds</a>
-        <a class="btn btn-large btn-info" href="javascript:void(0);" onclick="javascript:introJs().start('even');">Show me evens</a>
+        <a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs.tour().start('odd');">Show me odds</a>
+        <a class="btn btn-large btn-info" href="javascript:void(0);" onclick="javascript:introJs.tour().start('even');">Show me evens</a>
       </div>
 
       <hr>

example/hello-world/exit-confirm.html

@@ -71,7 +71,7 @@ <h4>Section Six</h4>
 
     <script type="text/javascript">
       function startTour() {
-        introJs().start().onbeforeexit(function () {
+        introJs.tour().start().onbeforeexit(function () {
           return confirm("Are you sure?");
         });
       }

example/hello-world/index.html

@@ -35,7 +35,7 @@ <h3 class="muted">Intro.js</h3>
       <div class="jumbotron">
         <h1 data-step="1" data-intro="This is a tooltip!" data-title="A short title">Basic Usage</h1>
         <p class="lead" data-step="4" data-intro="Another step." data-title="foo">This is the basic usage of IntroJs, with <code>data-step</code> and <code>data-intro</code> attributes.</p>
-        <a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs().start();">Show me how</a>
+        <a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs.tour().start();">Show me how</a>
       </div>
 
       <hr>

example/hello-world/positions.html

@@ -48,7 +48,7 @@ <h3 class="muted" style="margin: 0;">Intro.js</h3>
       <div class="jumbotron">
         <h1 data-step="1" data-intro="This is a tooltip!" style="position: relative;">Different element positions</h1>
         <p class="lead" data-step="4" data-intro="Another step.">In this example you see that Intro.js works with all types of <code>position</code>.</p>
-        <a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs().start();">Show me how</a>
+        <a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs.tour().start();">Show me how</a>
       </div>
 
       <hr>