Alpha sequence classname replacer utility

Replace occurences of *alfa in classNames following the NATO phonetic alphabet sequence

Sometimes we need to use a sequence of class names to customize styling

A recommendation is to abstract class names from their color or objective and use them in a sequential order, this helper does just that.

What is the phonetic alphabet?: http://en.wikipedia.org/wiki/NATO_phonetic_alphabet

for example --
 <div data-draft-repeat="3" class="myclass-alfa">
 <h1>Example node</h1>
 </div>

would give --
 <div class="myclass-alfa">
   <h1>Example node</h1>
 </div>
 <div class="myclass-bravo">
   <h1>Example node</h1>
 </div>
 <div class="myclass-charlie">
   <h1>Example node</h1>
 </div>