title: Flexslider - add/replace div class outside of slider loop for each slide
body: <p>I have 'header' div container outside of slider.
  And I have slider images with 'white' or 'black' classes. 
  Is it possible to implement the following: After slide loading 'header' container assigned image class (black/white) on the fly.
  I have flexslider as background slider under header. When slide image dark header is displayed with light styles. Is it possible?</p>
  
  <pre><code>&lt;div class="header"&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript" charset="utf-8"&gt;
    $(document).ready(function() {
      $('.flexslider').flexslider();  
    });
  &lt;/script&gt;
  
  &lt;div class="flexslider"&gt;  
       &lt;ul class="slides"&gt; 
          &lt;li&gt;&lt;img src="someimage.jpg" class="white"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="someimage.jpg" class="black"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="someimage.jpg" class="white"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="someimage.jpg" class="white"/&gt;&lt;/li&gt;
       &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Sorry for my english. Thanks</p>