Object #<Object> has no method 'carouFredSel'
<p>I have implemented an infinite carousel that was working but I am now getting the following error message</p>

<p>Object # has no method 'carouFredSel'</p>

<p>I had edited some code for the menu that is now working but perhaps there is a conflict between the two scripts?</p>

<p><a href="http://www.ogormanconstruction.co.uk/basingstoke-treatment-works" rel="nofollow">http://www.ogormanconstruction.co.uk/basingstoke-treatment-works</a></p>

<p><strong>Javascript:</strong></p>

<pre><code>&lt;script type="text/javascript"&gt;
jQuery(document).ready(function() {
    var imgLength = jQuery('ul#fredsel img').length;
    jQuery('#totalImg').html(imgLength);
    jQuery('#imgCount').html(1);

    // Using custom configuration
    // Using custom configuration
    jQuery("#fredsel").carouFredSel({
        items: 1,
        align: false,
        auto: false,
        width: 1500,
        scroll : {
            items           : 1,
            duration        : 1000,
            pauseDuration   : 2000
        },
        prev: {
            button : "a.prev-slide",
            onBefore : function() { 
                var theCount = parseInt(jQuery('#imgCount').html());
                if (theCount === 1){
                    var theLength = jQuery('ul#fredsel img').length;
                    jQuery('#imgCount').html(theLength);
                } else {
                   jQuery('#imgCount').html(theCount-1);
               };
          },
       },
       next: { 
           button : "a.next-slide",
           onBefore : function() { 
               var theLength = jQuery('ul#fredsel img').length;
               var theCount = parseInt(jQuery('#imgCount').html());
               if (theCount === theLength){
                   jQuery('#imgCount').html(1);
               } else {
                   jQuery('#imgCount').html(theCount+1);
               };
           },
        }
    })
    .find("li").click(function() {
        jQuery("#fredsel").trigger("slideTo", [jQuery(this)]);
    }).css("cursor", "pointer")

});

&lt;/script&gt;
</code></pre>

<p><strong>CSS:</strong></p>

<pre><code>&lt;div class="infinite-carousel"&gt;
    &lt;ul id="fredsel"&gt;
        &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-1.png"&gt;&lt;/li&gt;
        &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-2.png"&gt;&lt;/li&gt;
        &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-3.png"&gt;&lt;/li&gt;
        &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-4.png"&gt;&lt;/li&gt;
        &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-5.png"&gt;&lt;/li&gt;
        &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-6.png"&gt;&lt;/li&gt;
        &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-7.png"&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;

&lt;div class="controls"&gt;
    &lt;a href="#" class="prev-slide"&gt;&lt;/a&gt;
    &lt;a href="#" class="next-slide"&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>
