title: Flexslider starting at last slide when using animation: "slide"
body: <p>I have an issue where my flexslider is starting at the last slide instead of the first, even though the controls start at the first.</p>
  
  <p>HTML/JS is very simple:</p>
  
  <pre><code>&lt;section id="section-1"&gt;
  &lt;script&gt;
      $(function (){
          $('#section-1 .flexslider').flexslider(
              {
                  animation: "slide",
                  directionNav: false,
                  controlsContainer: "#controls-1",
                  pauseOnAction: false,
              }
          );
      });
  &lt;/script&gt;
  &lt;div class="container" id="controls-1"&gt;
  &lt;/div&gt;
  &lt;div class="flexslider"&gt;
      &lt;ul class="slides"&gt;
      &lt;li&gt;
              &lt;img src="2014/07/PEP_Intro.03.jpg" alt="" /&gt;  
      &lt;/li&gt;
  
      &lt;li&gt;
              &lt;img src="2014/07/PEP_Intro.02.jpg" alt="" /&gt;  
      &lt;/li&gt;
  
      &lt;li&gt;
              &lt;img src="2014/07/PEP_Intro.011.jpg" alt="" /&gt;  
      &lt;/li&gt;
  
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>URL is here:</p>
  
  <pre><code>http://54.79.96.139/pepper/
  </code></pre>
  
  <p>Has anyone had this issue before? Weirdly when I change back to the "fade" animation the issue goes away.</p>