title: Lightslider and mootols not working together,
body: <p>Lightslider Jquery Code and mootols not working together if i remove jquery api code, so mootools working otherwise if i put jquery api code so then lightslider working (it is using jquery) but mootools not work then.</p>
  
  <p>Mootools</p>
  
  <pre><code>&lt;script language="javascript" type="text/javascript" src="/script/mootools-1.2.1-core.js"&gt;&lt;/script&gt;
   &lt;script language="javascript" type="text/javascript" src="/script/mootools-1.2-more.js"&gt;&lt;/script&gt; 
  &lt;script language="javascript" type="text/javascript" src="/script/slideitmoo-1.1.js"&gt;&lt;/script&gt;
  
  &lt;script language="javascript" type="text/javascript"&gt;
    window.addEvents({
      'domready': function(){
        /* thumbnails example , div containers */
        new SlideItMoo({
              overallContainer: 'SlideItMoo_outer',
              elementScrolled: 'SlideItMoo_inner',
              thumbsContainer: 'SlideItMoo_items',    
              itemsVisible: 5,
              elemsSlide: 2,
              duration: 150,
              itemsSelector: '.SlideItMoo_element',
              itemWidth: 158,
              showControls:1});
      },
  
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>Lightslider </p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="/stylesheet/lightslider.css" /&gt;
  &lt;script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'&gt;&lt;/script&gt;
      &lt;script src="/script/lightslider.js"&gt;&lt;/script&gt; 
      &lt;script&gt;
           $(document).ready(function() {
              jQuery("#content-slider").lightSlider({
                  loop:true,
                   auto: true,
                  keyPress:true
              });
          });
      &lt;/script&gt;
  </code></pre>