bgstretcher is not working correctly
<p>so I get error when I use bgstretcher, all links are correct to scripts, and it works on demo website, I tried to remove all other scripts from the index.php file, but still got same error - Uncaught TypeError: Object [object Object] has no method 'bgStretcher'
So here is the code - </p>

<pre><code>    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
&lt;title&gt;STANDBY Countdown Script&lt;/title&gt;

&lt;link rel="stylesheet" type="text/css" href="css/jcountdown-style.css" /&gt;
&lt;link rel="stylesheet" type="text/css" href="css/standby-style.css" /&gt;
&lt;link rel="stylesheet" href="css/bgstretcher.css" /&gt;

&lt;script src="script/jquery-1.7.1.min.js" type="text/javascript"&gt;&lt;/script&gt;   
&lt;script src="script/bgstretcher.js" type="text/javscript"&gt;&lt;/script&gt;
&lt;script src="script/jquery.jcountdown1.3.3.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    $(document).ready(function(){

        //  Initialize Backgound Stretcher     
        $('body').bgStretcher({
            images: ['demo/images/sample-1.jpg', 'demo/images/sample-2.jpg', 'demo/images/sample-3.jpg', 'demo/images/sample-4.jpg', 'demo/images/sample-5.jpg', 'demo/images/sample-6.jpg'],
            imageWidth: 1024, 
            imageHeight: 768, 
            slideDirection: 'N',
            slideShowSpeed: 3000,
            transitionEffect: 'fade',
            sequenceMode: 'normal',
        });

    });
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    $("#time").countdown({
        date: "January 31, 2013", /* Counting to a date */
        offset: 1,
        hoursOnly: false,
        leadingZero: true
    });

  $('[placeholder]').focus(function() {
    var input = $(this);
    if (input.val() == input.attr('placeholder')) {
      input.val('');
      input.removeClass('placeholder');
    }
  }).blur(function() {
    var input = $(this);
    if (input.val() == '' || input.val() == input.attr('placeholder')) {
      input.addClass('placeholder');
      input.val(input.attr('placeholder'));
    }
  }).blur();    

});
&lt;/script&gt;
&lt;/head&gt;
</code></pre>

<p>Further there is no JS/HTML code, soI'm still not sure, what is the problem, why I get the error? </p>
