Uncaught ReferenceError - Jquery Conflict
<p>I'm running into an issue of conflicting JQuery between a sliding navigation and a slider.  Any help would be appreciated!  In Chrome Console, I'm getting: </p>

<pre><code>Uncaught ReferenceError: $ is not defined smooth-scroll.js:2
Uncaught ReferenceError: jQuery is not defined jquery.sticky.js:112
Uncaught ReferenceError: jQuery is not defined jquery.fancybox-1.3.4.pack.js:46
Uncaught ReferenceError: jQuery is not defined
Uncaught ReferenceError: jQuery is not defined jquery.mousewheel-3.0.4.pack.js:14
Uncaught ReferenceError: $ is not defined index.html:46
Uncaught ReferenceError: $ is not defined index.html:52
</code></pre>

<p>Here is my header:</p>

<pre><code>&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
    &lt;title&gt;DCC Marketing - Decatur Illinois Public Relations, Advertising, Strategic Planning, &amp; Web Development&lt;/title&gt;
    &lt;meta name="description" content="" /&gt;
    &lt;meta name="keywords" content="" /&gt;
    &lt;meta name="robots" content="" /&gt;

    &lt;link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Oxygen"&gt;
    &lt;link href="css/reset.css" rel="stylesheet" type="text/css" /&gt;
    &lt;link href="css/960.css" rel="stylesheet" type="text/css" /&gt;
    &lt;link href="css/styles.css" rel="stylesheet" type="text/css" /&gt;
    &lt;link href="fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" /&gt;


    &lt;link rel="stylesheet" href="css/example.css"&gt;
    &lt;style&gt;
        body {-webkit-font-smoothing: antialiased;font: normal 15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;}
        #slides {display: none;margin-top:36px;}
        .slidesjs-container {width:1000px;height:252px;margin-bottom:-21px;}
        #slides .slidesjs-navigation {margin-top:-17px;visibility: hidden;}
        #slides .slidesjs-previous {margin-right: 5px;float: left;visibility: hidden;}
        #slides .slidesjs-next {margin-right: 5px;float: left;visibility: hidden;}
        .slidesjs-pagination {margin: 0px 6px 0;float: right;list-style: none;position:relative;z-index:1000;}
        .slidesjs-pagination li {float: left;margin: 0 1px;}
        .slidesjs-pagination li a {visibility:hidden;display: block;width: 14px;height: 0;padding-top: 14px;background-image: url(images/pagination.png);background-position: 0 0;float: left;overflow: hidden;}
        .slidesjs-pagination li a.active,
        .slidesjs-pagination li a:hover.active {background-position: 0 -14px}
        .slidesjs-pagination li a:hover {background-position: 0 -28px}
        #slides a:link,
        #slides a:visited {color: #333}
        #slides a:hover,
        #slides a:active {color: #9e2020}
        .navbar {overflow: hidden}
    &lt;/style&gt;

    &lt;script type="text/javascript" src="js/smooth-scroll.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/jquery.sticky.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/jquery.easing-1.3.pack.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="cform.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt; // sticky nav bar 
  $(document).ready(function(){
    $("nav").sticky({topSpacing:0});
  });
&lt;/script&gt;

&lt;script type="text/javascript"&gt; // fancybox
$(document).ready(function() {

    $("a.single_image").fancybox();

    $("a#inline").fancybox({
        'hideOnContentClick': true
    });

    $("a.group").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600, 
        'speedOut'      :   900, 
        'overlayShow'   :   false
    });

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

<p>And here is the code from the body where the slider is set:</p>

<pre><code>    &lt;div id="slides"&gt;
    &lt;img src="images/flash1.png"&gt;
    &lt;img src="images/flash2.png"&gt;
    &lt;img src="images/flash3.png"&gt;
      &lt;a href="#" class="slidesjs-previous slidesjs-navigation"&gt;&lt;i class="icon-chevron-left icon-large"&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;a href="#" class="slidesjs-next slidesjs-navigation"&gt;&lt;i class="icon-chevron-right icon-large"&gt;&lt;/i&gt;&lt;/a&gt;
    &lt;/div&gt;
&lt;script type="text/javascript" src="js/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
&lt;script src="js/jquery.slides.js"&gt;&lt;/script&gt;
&lt;script&gt;
$(function(){
  $("#slides").slidesjs({
    play: {
      active: true,
      effect: "slide",
      interval: 5000,
      auto: true,
      swap: true,
      pauseOnHover: true,
      restartDelay: 2500,
      width:936,
      height:247
    }
  });
});
&lt;/script&gt;
</code></pre>

<p>Thanks!</p>
