diff --git a/Winwheel.js b/Winwheel.js
index f68cd21..19d81d0 100644
--- a/Winwheel.js
+++ b/Winwheel.js
@@ -2239,6 +2239,7 @@ function winwheelAnimationLoop()
         // If there is a callback function which is supposed to be called before the wheel is drawn then do that.
         if (callbackBefore != null)
         {
+            // If the property is a function then call it, otherwise eval the proptery as javascript code.
             if (typeof callbackBefore === 'function')
             {
                 callbackBefore();
@@ -2255,6 +2256,7 @@ function winwheelAnimationLoop()
         // If there is a callback function which is supposed to be called after the wheel has been drawn then do that.
         if (callbackAfter != null)
         {
+            // If the property is a function then call it, otherwise eval the proptery as javascript code.
             if (typeof callbackAfter === 'function')
             {
                 callbackAfter();
@@ -2279,10 +2281,13 @@ function winwheelStopAnimation(canCallback)
     if (canCallback != false)
     {
         var callback = winwheelToDrawDuringAnimation.animation.callbackFinished;
+
         if (callback != null)
         {
-            if (typeof callback == 'function')
+            // If the callback is a function then call it, otherwise evaluate the property as javascript code.
+            if (typeof callback === 'function')
             {
+                // Pass back the indicated segment as 99% of the time you will want to know this to inform the user of their prize.
                 callback(winwheelToDrawDuringAnimation.getIndicatedSegment());
             }
             else
diff --git a/examples/basic_code_wheel/index.html b/examples/basic_code_wheel/index.html
index b665a5c..5c2a1ad 100644
--- a/examples/basic_code_wheel/index.html
+++ b/examples/basic_code_wheel/index.html
@@ -1,7 +1,7 @@
 <!--
     Winhweel.js basic code wheel example by Douglas McKechie @ www.dougtesting.net
     See website for tutorials and other documentation.
-    
+
     The MIT License (MIT)
 
     Copyright (c) 2016 Douglas McKechie
@@ -39,38 +39,39 @@ <h1>Winwheel.js example wheel - basic code wheel</h1>
             <p>Choose a power setting then press the Spin button. You will be alerted to the prize won when the spinning stops.</p>
             <br />
             <table cellpadding="0" cellspacing="0" border="0">
-            <tr>
-                <td>
-                    <div class="power_controls">
-                        <br />
-                        <br />
-                        <table class="power" cellpadding="10" cellspacing="0">
-                            <tr>
-                                <th align="center">Power</th>
-                            </tr>
-                            <tr>
-                                <td width="78" align="center" id="pw3" onClick="powerSelected(3);">High</td>
-                            </tr>
-                            <tr>
-                                <td align="center" id="pw2" onClick="powerSelected(2);">Med</td>
-                            </tr>
-                            <tr>
-                                <td align="center" id="pw1" onClick="powerSelected(1);">Low</td>
-                            </tr>
-                        </table>
-                        <br />
-                        <img id="spin_button" src="spin_off.png" alt="Spin" onClick="startSpin();" />
-                        <br /><br />
-                        &nbsp;&nbsp;<a href="#" onClick="resetWheel(); return false;">Play Again</a><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(reset)
-                    </div>
-                </td>
-                <td width="438" height="582" class="the_wheel" align="center" valign="center">
-                    <canvas id="canvas" width="434" height="434">
-                        <p style="{color: white}" align="center">Sorry, your browser doesn't support canvas. Please try another.</p>
-                    </canvas>
-                </td>
-            </tr>
-        </table>
+                <tr>
+                    <td>
+                        <div class="power_controls">
+                            <br />
+                            <br />
+                            <table class="power" cellpadding="10" cellspacing="0">
+                                <tr>
+                                    <th align="center">Power</th>
+                                </tr>
+                                <tr>
+                                    <td width="78" align="center" id="pw3" onClick="powerSelected(3);">High</td>
+                                </tr>
+                                <tr>
+                                    <td align="center" id="pw2" onClick="powerSelected(2);">Med</td>
+                                </tr>
+                                <tr>
+                                    <td align="center" id="pw1" onClick="powerSelected(1);">Low</td>
+                                </tr>
+                            </table>
+                            <br />
+                            <img id="spin_button" src="spin_off.png" alt="Spin" onClick="startSpin();" />
+                            <br /><br />
+                            &nbsp;&nbsp;<a href="#" onClick="resetWheel(); return false;">Play Again</a><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(reset)
+                        </div>
+                    </td>
+                    <td width="438" height="582" class="the_wheel" align="center" valign="center">
+                        <canvas id="canvas" width="434" height="434">
+                            <p style="{color: white}" align="center">Sorry, your browser doesn't support canvas. Please try another.</p>
+                        </canvas>
+                    </td>
+                </tr>
+            </table>
+        </div>
         <script>
             // Create new wheel object specifying the parameters at creation time.
             var theWheel = new Winwheel({
@@ -96,11 +97,11 @@ <h1>Winwheel.js example wheel - basic code wheel</h1>
                     'callbackFinished' : alertPrize
                 }
             });
-            
+
             // Vars used by the code in this page to do power controls.
             var wheelPower    = 0;
             var wheelSpinning = false;
-            
+
             // -------------------------------------------------------
             // Function to handle the onClick on the power buttons.
             // -------------------------------------------------------
@@ -113,32 +114,32 @@ <h1>Winwheel.js example wheel - basic code wheel</h1>
                     document.getElementById('pw1').className = "";
                     document.getElementById('pw2').className = "";
                     document.getElementById('pw3').className = "";
-                    
+
                     // Now light up all cells below-and-including the one selected by changing the class.
                     if (powerLevel >= 1)
                     {
                         document.getElementById('pw1').className = "pw1";
                     }
-                        
+
                     if (powerLevel >= 2)
                     {
                         document.getElementById('pw2').className = "pw2";
                     }
-                        
+
                     if (powerLevel >= 3)
                     {
                         document.getElementById('pw3').className = "pw3";
                     }
-                    
+
                     // Set wheelPower var used when spin button is clicked.
                     wheelPower = powerLevel;
-                    
+
                     // Light up the spin button by changing it's source image and adding a clickable class to it.
                     document.getElementById('spin_button').src = "spin_on.png";
                     document.getElementById('spin_button').className = "clickable";
                 }
             }
-            
+
             // -------------------------------------------------------
             // Click handler for spin button.
             // -------------------------------------------------------
@@ -161,20 +162,20 @@ <h1>Winwheel.js example wheel - basic code wheel</h1>
                     {
                         theWheel.animation.spins = 15;
                     }
-                    
+
                     // Disable the spin button so can't click again while wheel is spinning.
                     document.getElementById('spin_button').src       = "spin_off.png";
                     document.getElementById('spin_button').className = "";
-                    
+
                     // Begin the spin animation by calling startAnimation on the wheel object.
                     theWheel.startAnimation();
-                    
+
                     // Set to true so that power can't be changed and spin button re-enabled during
                     // the current animation. The user will have to reset before spinning again.
                     wheelSpinning = true;
                 }
             }
-            
+
             // -------------------------------------------------------
             // Function for reset button.
             // -------------------------------------------------------
@@ -183,16 +184,17 @@ <h1>Winwheel.js example wheel - basic code wheel</h1>
                 theWheel.stopAnimation(false);  // Stop the animation, false as param so does not call callback function.
                 theWheel.rotationAngle = 0;     // Re-set the wheel angle to 0 degrees.
                 theWheel.draw();                // Call draw to render changes to the wheel.
-                
+
                 document.getElementById('pw1').className = "";  // Remove all colours from the power level indicators.
                 document.getElementById('pw2').className = "";
                 document.getElementById('pw3').className = "";
-                
+
                 wheelSpinning = false;          // Reset to false to power buttons and spin can be clicked again.
             }
-            
+
             // -------------------------------------------------------
-            // Called when the spin animation has finished by the callback feature of the wheel because I specified callback in the parameters.
+            // Called when the spin animation has finished by the callback feature of the wheel because I specified callback in the parameters
+            // note the indicated segment is passed in as a parmeter as 99% of the time you will want to know this to inform the user of their prize.
             // -------------------------------------------------------
             function alertPrize(indicatedSegment)
             {
diff --git a/examples/basic_image_wheel/index.html b/examples/basic_image_wheel/index.html
index 86e72e0..17e1969 100644
--- a/examples/basic_image_wheel/index.html
+++ b/examples/basic_image_wheel/index.html
@@ -39,38 +39,39 @@ <h1>Winwheel.js example wheel - basic image wheel</h1>
             <p>Choose a power setting then press the Spin button. You will be alerted to the prize won when the spinning stops.</p>
             <br />
             <table cellpadding="0" cellspacing="0" border="0">
-            <tr>
-                <td>
-                    <div class="power_controls">
-                        <br />
-                        <br />
-                        <table class="power" cellpadding="10" cellspacing="0">
-                            <tr>
-                                <th align="center">Power</th>
-                            </tr>
-                            <tr>
-                                <td width="78" align="center" id="pw3" onClick="powerSelected(3);">High</td>
-                            </tr>
-                            <tr>
-                                <td align="center" id="pw2" onClick="powerSelected(2);">Med</td>
-                            </tr>
-                            <tr>
-                                <td align="center" id="pw1" onClick="powerSelected(1);">Low</td>
-                            </tr>
-                        </table>
-                        <br />
-                        <img id="spin_button" src="spin_off.png" alt="Spin" onClick="startSpin();" />
-                        <br /><br />
-                        &nbsp;&nbsp;<a href="#" onClick="resetWheel(); return false;">Play Again</a><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(reset)
-                    </div>
-                </td>
-                <td width="318" height="418" class="the_wheel" align="center" valign="center">
-                    <canvas id="canvas" width="315" height="418">
-                        <p style="{color: white}" align="center">Sorry, your browser doesn't support canvas. Please try another.</p>
-                    </canvas>
-                </td>
-            </tr>
-        </table>
+                <tr>
+                    <td>
+                        <div class="power_controls">
+                            <br />
+                            <br />
+                            <table class="power" cellpadding="10" cellspacing="0">
+                                <tr>
+                                    <th align="center">Power</th>
+                                </tr>
+                                <tr>
+                                    <td width="78" align="center" id="pw3" onClick="powerSelected(3);">High</td>
+                                </tr>
+                                <tr>
+                                    <td align="center" id="pw2" onClick="powerSelected(2);">Med</td>
+                                </tr>
+                                <tr>
+                                    <td align="center" id="pw1" onClick="powerSelected(1);">Low</td>
+                                </tr>
+                            </table>
+                            <br />
+                            <img id="spin_button" src="spin_off.png" alt="Spin" onClick="startSpin();" />
+                            <br /><br />
+                            &nbsp;&nbsp;<a href="#" onClick="resetWheel(); return false;">Play Again</a><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(reset)
+                        </div>
+                    </td>
+                    <td width="318" height="418" class="the_wheel" align="center" valign="center">
+                        <canvas id="canvas" width="315" height="418">
+                            <p style="{color: white}" align="center">Sorry, your browser doesn't support canvas. Please try another.</p>
+                        </canvas>
+                    </td>
+                </tr>
+            </table>
+        </div>
         <script>
             // Create new wheel object specifying the parameters at creation time.
             var theWheel = new Winwheel({
@@ -99,7 +100,7 @@ <h1>Winwheel.js example wheel - basic image wheel</h1>
                     'type'     : 'spinToStop',
                     'duration' : 5,     // Duration in seconds.
                     'spins'    : 8,     // Number of complete spins.
-                    'callbackFinished' : 'alertPrize()'
+                    'callbackFinished' : alertPrize
                 }
             });
 
@@ -214,14 +215,12 @@ <h1>Winwheel.js example wheel - basic image wheel</h1>
 
             // -------------------------------------------------------
             // Called when the spin animation has finished by the callback feature of the wheel because I specified callback in the parameters.
+            // note the indicated segment is passed in as a parmeter as 99% of the time you will want to know this to inform the user of their prize.
             // -------------------------------------------------------
-            function alertPrize()
+            function alertPrize(indicatedSegment)
             {
-                // Get the segment indicated by the pointer on the wheel background which is at 0 degrees.
-                var winningSegment = theWheel.getIndicatedSegment();
-
                 // Do basic alert of the segment text. You would probably want to do something more interesting with this information.
-                alert("The wheel stopped on " + winningSegment.text);
+                alert("The wheel stopped on " + indicatedSegment.text);
             }
         </script>
     </body>
diff --git a/examples/hollow_wheel/index.html b/examples/hollow_wheel/index.html
index bb0ad72..83c987c 100644
--- a/examples/hollow_wheel/index.html
+++ b/examples/hollow_wheel/index.html
@@ -1,7 +1,7 @@
 <!--
     Winhweel.js hollow (doughnut) code wheel example by Douglas McKechie @ www.dougtesting.net
     See website for tutorials and other documentation.
-    
+
     The MIT License (MIT)
 
     Copyright (c) 2016 Douglas McKechie
@@ -44,38 +44,39 @@ <h1>Winwheel.js example wheel - hollow wheel</h1>
             <p>Choose a power setting then press the Spin button. You will be alerted to the prize won when the spinning stops.</p>
             <br />
             <table cellpadding="0" cellspacing="0" border="0">
-            <tr>
-                <td>
-                    <div class="power_controls">
-                        <br />
-                        <br />
-                        <table class="power" cellpadding="10" cellspacing="0">
-                            <tr>
-                                <th align="center">Power</th>
-                            </tr>
-                            <tr>
-                                <td width="78" align="center" id="pw3" onClick="powerSelected(3);">High</td>
-                            </tr>
-                            <tr>
-                                <td align="center" id="pw2" onClick="powerSelected(2);">Med</td>
-                            </tr>
-                            <tr>
-                                <td align="center" id="pw1" onClick="powerSelected(1);">Low</td>
-                            </tr>
-                        </table>
-                        <br />
-                        <img id="spin_button" src="spin_off.png" alt="Spin" onClick="startSpin();" />
-                        <br /><br />
-                        &nbsp;&nbsp;<a href="#" onClick="resetWheel(); return false;">Play Again</a><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(reset)
-                    </div>
-                </td>
-                <td width="438" height="582" class="the_wheel" align="center" valign="center">
-                    <canvas id="canvas" width="434" height="434">
-                        <p style="{color: white}" align="center">Sorry, your browser doesn't support canvas. Please try another.</p>
-                    </canvas>
-                </td>
-            </tr>
-        </table>
+                <tr>
+                    <td>
+                        <div class="power_controls">
+                            <br />
+                            <br />
+                            <table class="power" cellpadding="10" cellspacing="0">
+                                <tr>
+                                    <th align="center">Power</th>
+                                </tr>
+                                <tr>
+                                    <td width="78" align="center" id="pw3" onClick="powerSelected(3);">High</td>
+                                </tr>
+                                <tr>
+                                    <td align="center" id="pw2" onClick="powerSelected(2);">Med</td>
+                                </tr>
+                                <tr>
+                                    <td align="center" id="pw1" onClick="powerSelected(1);">Low</td>
+                                </tr>
+                            </table>
+                            <br />
+                            <img id="spin_button" src="spin_off.png" alt="Spin" onClick="startSpin();" />
+                            <br /><br />
+                            &nbsp;&nbsp;<a href="#" onClick="resetWheel(); return false;">Play Again</a><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(reset)
+                        </div>
+                    </td>
+                    <td width="438" height="582" class="the_wheel" align="center" valign="center">
+                        <canvas id="canvas" width="434" height="434">
+                            <p style="{color: white}" align="center">Sorry, your browser doesn't support canvas. Please try another.</p>
+                        </canvas>
+                    </td>
+                </tr>
+            </table>
+        </div>
         <script>
             // Create new wheel object specifying the parameters at creation time.
             var theWheel = new Winwheel({
@@ -108,14 +109,14 @@ <h1>Winwheel.js example wheel - hollow wheel</h1>
                     'type'     : 'spinToStop',
                     'duration' : 5,
                     'spins'    : 8,
-                    'callbackFinished' : 'alertPrize()'
+                    'callbackFinished' : alertPrize
                 }
             });
-            
+
             // Vars used by the code in this page to do power controls.
             var wheelPower    = 0;
             var wheelSpinning = false;
-            
+
             // -------------------------------------------------------
             // Function to handle the onClick on the power buttons.
             // -------------------------------------------------------
@@ -128,32 +129,32 @@ <h1>Winwheel.js example wheel - hollow wheel</h1>
                     document.getElementById('pw1').className = "";
                     document.getElementById('pw2').className = "";
                     document.getElementById('pw3').className = "";
-                    
+
                     // Now light up all cells below-and-including the one selected by changing the class.
                     if (powerLevel >= 1)
                     {
                         document.getElementById('pw1').className = "pw1";
                     }
-                        
+
                     if (powerLevel >= 2)
                     {
                         document.getElementById('pw2').className = "pw2";
                     }
-                        
+
                     if (powerLevel >= 3)
                     {
                         document.getElementById('pw3').className = "pw3";
                     }
-                    
+
                     // Set wheelPower var used when spin button is clicked.
                     wheelPower = powerLevel;
-                    
+
                     // Light up the spin button by changing it's source image and adding a clickable class to it.
                     document.getElementById('spin_button').src = "spin_on.png";
                     document.getElementById('spin_button').className = "clickable";
                 }
             }
-            
+
             // -------------------------------------------------------
             // Click handler for spin button.
             // -------------------------------------------------------
@@ -176,20 +177,20 @@ <h1>Winwheel.js example wheel - hollow wheel</h1>
                     {
                         theWheel.animation.spins = 15;
                     }
-                    
+
                     // Disable the spin button so can't click again while wheel is spinning.
                     document.getElementById('spin_button').src       = "spin_off.png";
                     document.getElementById('spin_button').className = "";
-                    
+
                     // Begin the spin animation by calling startAnimation on the wheel object.
                     theWheel.startAnimation();
-                    
+
                     // Set to true so that power can't be changed and spin button re-enabled during
                     // the current animation. The user will have to reset before spinning again.
                     wheelSpinning = true;
                 }
             }
-            
+
             // -------------------------------------------------------
             // Function for reset button.
             // -------------------------------------------------------
@@ -198,25 +199,23 @@ <h1>Winwheel.js example wheel - hollow wheel</h1>
                 theWheel.stopAnimation(false);  // Stop the animation, false as param so does not call callback function.
                 theWheel.rotationAngle = 0;     // Re-set the wheel angle to 0 degrees.
                 theWheel.draw();                // Call draw to render changes to the wheel.
-                
+
                 document.getElementById('pw1').className = "";  // Remove all colours from the power level indicators.
                 document.getElementById('pw2').className = "";
                 document.getElementById('pw3').className = "";
-                
+
                 wheelSpinning = false;          // Reset to false to power buttons and spin can be clicked again.
             }
-            
+
             // -------------------------------------------------------
             // Called when the spin animation has finished by the callback feature of the wheel because I specified callback in the parameters.
+            // note the indicated segment is passed in as a parmeter as 99% of the time you will want to know this to inform the user of their prize.
             // -------------------------------------------------------
-            function alertPrize()
+            function alertPrize(indicatedSegment)
             {
-                // Get the segment indicated by the pointer on the wheel background which is at 0 degrees.
-                var winningSegment = theWheel.getIndicatedSegment();
-                
                 // Do basic alert of the segment text. You would probably want to do something more interesting with this information.
-                alert("You have won " + winningSegment.text);
+                alert("You have won " + indicatedSegment.text);
             }
         </script>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/examples/one_image_per_segment/index.html b/examples/one_image_per_segment/index.html
index 953f6e6..f0ceb85 100644
--- a/examples/one_image_per_segment/index.html
+++ b/examples/one_image_per_segment/index.html
@@ -40,38 +40,39 @@ <h1>Winwheel.js example wheel - one image per segment</h1>
             <p>Choose a power setting then press the Spin button.</p>
             <br />
             <table cellpadding="0" cellspacing="0" border="0">
-            <tr>
-                <td>
-                    <div class="power_controls">
-                        <br />
-                        <br />
-                        <table class="power" cellpadding="10" cellspacing="0">
-                            <tr>
-                                <th align="center">Power</th>
-                            </tr>
-                            <tr>
-                                <td width="78" align="center" id="pw3" onClick="powerSelected(3);">High</td>
-                            </tr>
-                            <tr>
-                                <td align="center" id="pw2" onClick="powerSelected(2);">Med</td>
-                            </tr>
-                            <tr>
-                                <td align="center" id="pw1" onClick="powerSelected(1);">Low</td>
-                            </tr>
-                        </table>
-                        <br />
-                        <img id="spin_button" src="spin_off.png" alt="Spin" onClick="startSpin();" />
-                        <br /><br />
-                        &nbsp;&nbsp;<a href="#" onClick="resetWheel(); return false;">Play Again</a><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(reset)
-                    </div>
-                </td>
-                <td width="421" height="564" class="the_wheel" align="center" valign="center">
-                    <canvas id="canvas" width="420" height="420">
-                        <p style="{color: white}" align="center">Sorry, your browser doesn't support canvas. Please try another.</p>
-                    </canvas>
-                </td>
-            </tr>
-        </table>
+                <tr>
+                    <td>
+                        <div class="power_controls">
+                            <br />
+                            <br />
+                            <table class="power" cellpadding="10" cellspacing="0">
+                                <tr>
+                                    <th align="center">Power</th>
+                                </tr>
+                                <tr>
+                                    <td width="78" align="center" id="pw3" onClick="powerSelected(3);">High</td>
+                                </tr>
+                                <tr>
+                                    <td align="center" id="pw2" onClick="powerSelected(2);">Med</td>
+                                </tr>
+                                <tr>
+                                    <td align="center" id="pw1" onClick="powerSelected(1);">Low</td>
+                                </tr>
+                            </table>
+                            <br />
+                            <img id="spin_button" src="spin_off.png" alt="Spin" onClick="startSpin();" />
+                            <br /><br />
+                            &nbsp;&nbsp;<a href="#" onClick="resetWheel(); return false;">Play Again</a><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(reset)
+                        </div>
+                    </td>
+                    <td width="421" height="564" class="the_wheel" align="center" valign="center">
+                        <canvas id="canvas" width="420" height="420">
+                            <p style="{color: white}" align="center">Sorry, your browser doesn't support canvas. Please try another.</p>
+                        </canvas>
+                    </td>
+                </tr>
+            </table>
+        </div>
         <script>
             // Create new wheel object specifying the parameters at creation time.
             var theWheel = new Winwheel({
@@ -103,7 +104,7 @@ <h1>Winwheel.js example wheel - one image per segment</h1>
                     'type'     : 'spinToStop',
                     'duration' : 5,     // Duration in seconds.
                     'spins'    : 8,     // Number of complete spins.
-                    'callbackFinished' : 'alertPrize()'
+                    'callbackFinished' : alertPrize
                 }
             });
 
@@ -203,14 +204,12 @@ <h1>Winwheel.js example wheel - one image per segment</h1>
 
             // -------------------------------------------------------
             // Called when the spin animation has finished by the callback feature of the wheel because I specified callback in the parameters.
+            // note the indicated segment is passed in as a parmeter as 99% of the time you will want to know this to inform the user of their prize.
             // -------------------------------------------------------
-            function alertPrize()
+            function alertPrize(indicatedSegment)
             {
-                // Get the segment indicated by the pointer on the wheel background which is at 0 degrees.
-                var winningSegment = theWheel.getIndicatedSegment();
-
                 // Do basic alert of the segment text. You would probably want to do something more interesting with this information.
-                alert(winningSegment.text + ' says Hi');
+                alert(indicatedSegment.text + ' says Hi');
             }
         </script>
     </body>
diff --git a/examples/two_part_wheel/index.html b/examples/two_part_wheel/index.html
index e7b317f..b485f13 100644
--- a/examples/two_part_wheel/index.html
+++ b/examples/two_part_wheel/index.html
@@ -44,36 +44,37 @@ <h1>Winwheel.js example wheel - 2 part wheel</h1>
             <p>Choose a power setting then press the Spin button. You will be alerted to the prize won when the spinning stops.</p>
             <br />
             <table cellpadding="0" cellspacing="0" border="0">
-            <tr>
-                <td>
-                    <div class="power_controls">
-                        <br />
-                        <br />
-                        <table class="power" cellpadding="10" cellspacing="0">
-                            <tr>
-                                <th align="center">Power</th>
-                            </tr>
-                            <tr>
-                                <td width="78" align="center" id="pw3" onClick="powerSelected(3);">High</td>
-                            </tr>
-                            <tr>
-                                <td align="center" id="pw2" onClick="powerSelected(2);">Med</td>
-                            </tr>
-                            <tr>
-                                <td align="center" id="pw1" onClick="powerSelected(1);">Low</td>
-                            </tr>
-                        </table>
-                        <br />
-                        <img id="spin_button" src="spin_off.png" alt="Spin" onClick="startSpin();" />
-                    </div>
-                </td>
-                <td width="438" height="582" class="the_wheel" align="center" valign="center">
-                    <canvas id="canvas" width="434" height="434">
-                        <p style="{color: white}" align="center">Sorry, your browser doesn't support canvas. Please try another.</p>
-                    </canvas>
-                </td>
-            </tr>
-        </table>
+                <tr>
+                    <td>
+                        <div class="power_controls">
+                            <br />
+                            <br />
+                            <table class="power" cellpadding="10" cellspacing="0">
+                                <tr>
+                                    <th align="center">Power</th>
+                                </tr>
+                                <tr>
+                                    <td width="78" align="center" id="pw3" onClick="powerSelected(3);">High</td>
+                                </tr>
+                                <tr>
+                                    <td align="center" id="pw2" onClick="powerSelected(2);">Med</td>
+                                </tr>
+                                <tr>
+                                    <td align="center" id="pw1" onClick="powerSelected(1);">Low</td>
+                                </tr>
+                            </table>
+                            <br />
+                            <img id="spin_button" src="spin_off.png" alt="Spin" onClick="startSpin();" />
+                        </div>
+                    </td>
+                    <td width="438" height="582" class="the_wheel" align="center" valign="center">
+                        <canvas id="canvas" width="434" height="434">
+                            <p style="{color: white}" align="center">Sorry, your browser doesn't support canvas. Please try another.</p>
+                        </canvas>
+                    </td>
+                </tr>
+            </table>
+        </div>
         <script>
             // Need to create the SECONDARY wheel first because on construct the variable which keeps track of the wheel to animate will
             // be set to the last created wheel, and we want the outer one the primary with the animation etc.
@@ -112,8 +113,8 @@ <h1>Winwheel.js example wheel - 2 part wheel</h1>
                   'duration': 5,
                   'spins': 5,
                   'easing': 'Power3.easeOut',
-                  'callbackAfter' : 'drawInnerWheel()',     // Call back after each frame of the animation a function we can draw the inner wheel from.
-                  'callbackFinished': 'alertPrize()'
+                  'callbackAfter' : drawInnerWheel,     // Call back after each frame of the animation a function we can draw the inner wheel from.
+                  'callbackFinished': alertPrize
                 }
             });
 
diff --git a/examples/wheel_of_fortune/index.html b/examples/wheel_of_fortune/index.html
index 6048953..910057b 100644
--- a/examples/wheel_of_fortune/index.html
+++ b/examples/wheel_of_fortune/index.html
@@ -1,7 +1,7 @@
 <!--
     Winhweel.js wheel of fortune example by Douglas McKechie @ www.dougtesting.net
     See website for tutorials and other documentation.
-    
+
     The MIT License (MIT)
 
     Copyright (c) 2016 Douglas McKechie
@@ -117,14 +117,14 @@ <h1>Winwheel.js example wheel - wheel of fortune</h1>
                     'type'     : 'spinToStop',
                     'duration' : 8,     // Duration in seconds.
                     'spins'    : 3,     // Default number of complete spins.
-                    'callbackFinished' : 'alertPrize()'
+                    'callbackFinished' : alertPrize
                 }
             });
-            
+
             // Vars used by the code in this page to do power controls.
             var wheelPower    = 0;
             var wheelSpinning = false;
-            
+
             // -------------------------------------------------------
             // Function to handle the onClick on the power buttons.
             // -------------------------------------------------------
@@ -137,32 +137,32 @@ <h1>Winwheel.js example wheel - wheel of fortune</h1>
                     document.getElementById('pw1').className = "";
                     document.getElementById('pw2').className = "";
                     document.getElementById('pw3').className = "";
-                    
+
                     // Now light up all cells below-and-including the one selected by changing the class.
                     if (powerLevel >= 1)
                     {
                         document.getElementById('pw1').className = "pw1";
                     }
-                        
+
                     if (powerLevel >= 2)
                     {
                         document.getElementById('pw2').className = "pw2";
                     }
-                        
+
                     if (powerLevel >= 3)
                     {
                         document.getElementById('pw3').className = "pw3";
                     }
-                    
+
                     // Set wheelPower var used when spin button is clicked.
                     wheelPower = powerLevel;
-                    
+
                     // Light up the spin button by changing it's source image and adding a clickable class to it.
                     document.getElementById('spin_button').src = "spin_on.png";
                     document.getElementById('spin_button').className = "clickable";
                 }
             }
-            
+
             // -------------------------------------------------------
             // Click handler for spin button.
             // -------------------------------------------------------
@@ -185,20 +185,20 @@ <h1>Winwheel.js example wheel - wheel of fortune</h1>
                     {
                         theWheel.animation.spins = 9;
                     }
-                    
+
                     // Disable the spin button so can't click again while wheel is spinning.
                     document.getElementById('spin_button').src       = "spin_off.png";
                     document.getElementById('spin_button').className = "";
-                    
+
                     // Begin the spin animation by calling startAnimation on the wheel object.
                     theWheel.startAnimation();
-                    
+
                     // Set to true so that power can't be changed and spin button re-enabled during
                     // the current animation. The user will have to reset before spinning again.
                     wheelSpinning = true;
                 }
             }
-            
+
             // -------------------------------------------------------
             // Function for reset button.
             // -------------------------------------------------------
@@ -207,37 +207,34 @@ <h1>Winwheel.js example wheel - wheel of fortune</h1>
                 theWheel.stopAnimation(false);  // Stop the animation, false as param so does not call callback function.
                 theWheel.rotationAngle = 0;     // Re-set the wheel angle to 0 degrees.
                 theWheel.draw();                // Call draw to render changes to the wheel.
-                
+
                 document.getElementById('pw1').className = "";  // Remove all colours from the power level indicators.
                 document.getElementById('pw2').className = "";
                 document.getElementById('pw3').className = "";
-                
+
                 wheelSpinning = false;          // Reset to false to power buttons and spin can be clicked again.
             }
-            
+
             // -------------------------------------------------------
             // Called when the spin animation has finished by the callback feature of the wheel because I specified callback in the parameters.
             // -------------------------------------------------------
-            function alertPrize()
+            function alertPrize(indicatedSegment)
             {
-                // Get the segment indicated by the pointer on the wheel background which is at 0 degrees.
-                var winningSegment = theWheel.getIndicatedSegment();
-                
                 // Just alert to the user what happened.
                 // In a real project probably want to do something more interesting than this with the result.
-                if (winningSegment.text == 'LOOSE TURN')
+                if (indicatedSegment.text == 'LOOSE TURN')
                 {
                     alert('Sorry but you loose a turn.');
                 }
-                else if (winningSegment.text == 'BANKRUPT')
+                else if (indicatedSegment.text == 'BANKRUPT')
                 {
                     alert('Oh no, you have gone BANKRUPT!');
                 }
                 else
                 {
-                    alert("You have won " + winningSegment.text);
+                    alert("You have won " + indicatedSegment.text);
                 }
             }
         </script>
     </body>
-</html>
\ No newline at end of file
+</html>