Creating a loop

Creating a loop

I am looking to create a slide show of sorts. Basically when the document loads I want it to cycle through a series of div's. 
I already have a var -  
  1. var backGrounds = $('.vendors, .cinematography, .production, .talent, .about ');
I next want it to take a simple animate section (such as this from the documentation) - 
  2. $('.production').hide().css({"opacity":"0.8"})
  3. .slideDown('slow').delay(2000) .fadeOut();
  4. ;
And have it it cycle through my variable   backGrounds. Can someone help point me in the correct direction to pull from my array - the elements e.g. (0, 1, 2,3) place it in the little loop, and have it continuously cycle. 
I would assume its something like - backgrounds:next but I don't really know. 

Thanks for the help.