Potrzebuję stworzyć slidera z takiego układu:

[HTML] pobierz, plaintext 
<div class="slider">
    <div id="s1">
       <div class="text1"></div>
    </div> 
    <div id="s2">
      <div class="text1"></div>
    </div> 
    <div id="s3">
      <div class="text1"></div>
    </div> 
</div> 
[HTML] pobierz, plaintext 

1. s1 jest widoczny przez 5 sekund, potem dodaje mu się klasę animated bounceOutLeft i 300 milisekund później dodaje się już divowi o id s2 klasę animated bounceInLeft
2. s2 jest widoczny przez 5 sekund, potem dodaje mu się klasę animated bounceOutLeft i 300 milisekund później dodaje się już divowi o id s3 klasę animated bounceInLeft
2. s3 jest widoczny przez 5 sekund, potem dodaje mu się klasę animated bounceOutLeft i 300 milisekund później dodaje się już divowi o id s1 klasę animated bounceInLeft

I tak w kółko, wie ktoś jak powinien wyglądać kod jquery?

Przy okazji, istnieje funkcja w jQuery, która sprawdza czy przeglądarka obługuje animacje? Dobrze by było, gdyby w kodzie pojawił się warunek, że jeśli nie obługuje animacji to po prostu daje fadeOut, fadeIn

Powalczyłem z tym i zlepiłem coś takiego:
http://jsfiddle.net/t708zzdj/2/

Działa, jednakże ten start jest trochę dziwny. Chcę by równo był odliczany czas między przejściami i na początku i później