Out of range jquery error
<p>I keep getting a out of range error. I thought that the problem was that I was including jquery library in two places but I'm not.</p>

<p>Well I downloaded this jquery scrollbar 
<a href="http://www.dynamicdrive.com/dynamicindex11/facescroll/index.htm" rel="nofollow">http://www.dynamicdrive.com/dynamicindex11/facescroll/index.htm</a> </p>

<p>Put it on my home folder and call it with a really simple HTML file.
*
*
*</p>

<pre><code>  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.ui.touch-punch.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="facescroll.js"&gt;
  &lt;/script&gt;

  &lt;script type="text/javascript"&gt;
    $(document).ready(function(){ // on page DOM load
      $('#demo1').alternateScroll({'hide-bars':false});
    })
 &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;


&lt;div id="demo1"  style="width:470px; height:485px; overflow:scroll;float: left;overflow-x: hidden;"&gt;
  &lt;iframe height="" width="455px" key="1" id="fone" scrolling="no" frameborder="0" src="https://www.google.com" &gt;&lt;/iframe&gt;
&lt;/div&gt;
</code></pre>

<p>The code sometimes execute fine sometime doesnt the facescroll.js library is this one:
<a href="http://www.dynamicdrive.com/dynamicindex11/facescroll/index.htm" rel="nofollow">http://www.dynamicdrive.com/dynamicindex11/facescroll/index.htm</a></p>

<p>Thanks in advance</p>
