Displaying multiple blocks alternately with fadeIn/fadeOut

main.js

// inspired by http://stackoverflow.com/a/6033994
// for better visual performance hide fading elements via css not via js

$.fn.fadeAlternately = function (options) {
    var options = options || {};
    var defaults = {
        timeOn: 500,
        timeOff:100,
        fadeInSpeed:1500,
        fadeOutSpeed:1500
    };

    var faderIndex = 0,
        self = this,
        options = $.extend({}, defaults, options);


    (function nextFade() {
        $(self[faderIndex++])
            .delay(options.timeOn)
            .fadeOut(options.fadeOutSpeed, function() {
                faderIndex %= self.length;
                $(self[faderIndex])
                    .delay(options.timeOff)
                    .fadeIn(options.fadeInSpeed, nextFade);
            });
    })();
}
// usage example
//$(document).ready(function() {
//    $('#titles h1').fadeAlternately();
//});