title: BXslider and making call for active LI on onAfterSlide callback
body: <p>Working on a slider built off of bxslider.js</p>
  
  <p>I require a callback that sets the LI to active on slide and removes the active class off the previous LI that it was just on.</p>
  
  <p>I've gotten a very crude example working but lack the JS knowledge to write a script that detects onAfterSlide the active slide, tells the corresponding LI to be active and then removes any active state from any previous LI. The onlcick callback is working just fine, the onAfterSlide needs some love.</p>
  
  <p>Somewhat working example: <a href="http://diveidc.com/slider.php" rel="nofollow">http://diveidc.com/slider.php</a>
  Here I have really crude attempt to get the next LI to become active but can't remove the previous LI active. The basically go all red since they all get assign the active class, as the slide goes through it's loop I need to only assign the active class to the LI that corresponds to the current slide. ie: slide1=li1 active, slide2=li2 active etc.</p>
  
  <p>Source of the BXslider <a href="http://bxslider.com/options" rel="nofollow">http://bxslider.com/options</a></p>