title: javascript slider not working
body: <p>I have this slider in a wordpress theme that it's not working. I have done all the settings right and it won't slide. Automatically or manually. From what I see eveyrthing seems tobe correct. I have also followed all the manufacturer instructions but can't seem to sort it out. Here is the website: www.casavulturului.com</p>
  
  <pre><code>&lt;?php if ( !$paged &amp;&amp; get_option('woo_featured') == "true" ) { ?&gt;
  &lt;script type="text/javascript"&gt;
    jQuery(document).ready(function(){
  jQuery("#loopedSlider").loopedSlider({
  &lt;?php
      $autoStart = 0;
      $slidespeed = 600;
      if ( get_option("woo_slider_auto") == "true" ) 
         $autoStart = get_option("woo_slider_interval") * 1000;
      else 
         $autoStart = 0;
      if ( get_option("woo_slider_speed") &lt;&gt; "" ) 
          $slidespeed = get_option("woo_slider_speed") * 1000;
  ?&gt;
      autoStart: &lt;?php echo $autoStart; ?&gt;, 
      slidespeed: &lt;?php echo $slidespeed; ?&gt;, 
      autoHeight: true
  });
  });
  &lt;/script&gt;
  &lt;?php } ?&gt;
  &lt;div id="sliderWrap"&gt;
  &lt;div class="innerwrap"&gt;
  &lt;div id="loopedSlider"&gt;
  &lt;?php $img_pos = get_option('woo_featured_img_pos'); ?&gt;
  &lt;?php $saved = $wp_query; query_posts('suppress_filters=0&amp;post_type=slide&amp;order=ASC&amp;orderby=date&amp;showposts=20'); ?&gt;
  &lt;?php if (have_posts()) : $count = 0; $postcount = $wp_query-&gt;post_count; ?&gt;
  
  
  &lt;div class="container"&gt;
  
      &lt;div class="slides"&gt;
  
          &lt;?php while (have_posts()) : the_post(); ?&gt;
          &lt;?php if (!woo_image('return=true')) continue; // Don't show slides without   image ?&gt;
          &lt;?php $count++; ?&gt;
  
          &lt;div id="slide-&lt;?php echo $count; ?&gt;" class="slide"&gt;
  
              &lt;div class="slide-content &lt;?php if($img_pos == "Left") { echo "fr"; } else { echo "fl"; } ?&gt;"&gt;
  
                  &lt;h2 class="slide-title"&gt;
                      &lt;a href="&lt;?php the_permalink() ?&gt;" rel="bookmark" title="&lt;?   php the_title(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;
                      &lt;?php if ($postcount &gt; 1) echo '&lt;span   class="controlsbg"&gt;&amp;nbsp;&lt;/span&gt;'; ?&gt;
                  &lt;/h2&gt;
  
                  &lt;p&gt;&lt;?php the_content(); ?&gt;&lt;/p&gt;
  
              &lt;/div&gt;&lt;!-- /.slide-content --&gt;
  
              &lt;?php if (woo_image('return=true')) { ?&gt;
              &lt;div class="image &lt;?php if($img_pos == "Left") { echo "fl"; } else { echo "fr"; } ?&gt;"&gt;
                  &lt;?php woo_image('width=515&amp;height=245&amp;class=feat-image&amp;link=img'); ?&gt;
              &lt;/div&gt;
              &lt;?php } ?&gt;
  
              &lt;div class="fix"&gt;&lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;?php endwhile; ?&gt; 
  
      &lt;/div&gt;&lt;!-- /.slides --&gt;
      &lt;?php if($count &gt; 1) { ?&gt;
          &lt;ul class="nav-buttons &lt;?php if($img_pos == "Left") { echo "right"; } else { } ?&gt;"&gt;
              &lt;li id="p"&gt;&lt;a href="#" class="previous"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li id="n"&gt;&lt;a href="#" class="next"&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;?php } ?&gt;
  
  &lt;/div&gt;&lt;!-- /.container --&gt;
  
  &lt;div class="fix"&gt;&lt;/div&gt;
  
   &lt;?php else :  ?&gt;
      &lt;p class="note"&gt;&lt;?php _e( 'Please add some "Slides" to the featured slider.', 'woothemes' ); ?&gt;&lt;/p&gt;
   &lt;?php endif; $wp_query = $saved;?&gt;   
  &lt;/div&gt;&lt;!-- /#loopedSlider --&gt; 
  &lt;/div&gt;
  &lt;/div&gt;&lt;!-- /#sliderWrap --&gt;
  </code></pre>
  
  <p>JQUERY Code:</p>
  
  <p>(function(jQuery) {
      jQuery.fn.loopedSlider = function(options) {</p>
  
  <pre><code>var defaults = {            
      container: '.container',
      slides: '.slides',
      pagination: '.pagination',
      containerClick: false, // Click container for next slide
      autoStart: 0, // Set to positive number for auto start and interval time
      restart: 0, // Set to positive number for restart and restart time
      slidespeed: 100, // Speed of slide animation
      fadespeed: 100, // Speed of fade animation
      autoHeight: false // Set to positive number for auto height and animation speed
  };
  
  this.each(function() {
  
      var obj = jQuery(this);
      var o = jQuery.extend(defaults, options);
      var pagination = jQuery(o.pagination+' li a',obj);
      var m = 0;
      var t = 1;
      var s = jQuery(o.slides,obj).children().size();
      var w = jQuery(o.slides,obj).children().outerWidth();
      var p = 0;
      var u = false;
      var n = 0;
      var interval=0;
      var restart=0;
  
      jQuery(o.slides,obj).css({width:(s*w)});
  
      jQuery(o.slides,obj).children().each(function(){
          jQuery(this).css({position:'absolute',left:p,display:'block'});
          p=p+w;
      });
  
      jQuery(pagination,obj).each(function(){
          n=n+1;
          jQuery(this).attr('rel',n);
          jQuery(pagination.eq(0),obj).parent().addClass('active');
      });
  
      if (s!=1) { // WooThemes add
      jQuery(o.slides,obj).children(':eq('+(s-1)+')').css({position:'absolute',left:-w});
      } // WooThemes add
  
      if (s&gt;3) {
          jQuery(o.slides,obj).children(':eq('+(s-1)+')').css({position:'absolute',left:-w});
      }
  
      if(o.autoHeight){autoHeight(t);}
  
      jQuery('.next',obj).click(function(){
          if(u===false) {
              animate('next',true);
              if(o.autoStart){
                  if (o.restart) {autoStart();}
                  else {clearInterval(sliderIntervalID);}
              }
          } return false;
      });
  
      jQuery('.previous',obj).click(function(){
          if(u===false) { 
              animate('prev',true);
              if(o.autoStart){
                  if (o.restart) {autoStart();}
                  else {clearInterval(sliderIntervalID);}
              }
          } return false;
      });
  
      if (o.containerClick) {
          jQuery(o.container ,obj).click(function(){
              if(u===false) {
                  animate('next',true);
                  if(o.autoStart){
                      if (o.restart) {autoStart();}
                      else {clearInterval(sliderIntervalID);}
                  }
              } return false;
          });
      }
  </code></pre>