Once-only sequential 'animation' (css classes) of element children on page load

gistfile1.js

/*

After the page loads, highlight important parts on the page (e.g. navigation), 
by sequentially applying a css class to each, once.

Styles/animation handled by CSS.

*/

var $delayHoverAnims = $("[data-delay-hover-anim]");
$delayHoverAnims
.each(function () {

	var $this = $(this),
		$children = $this.children(),
		delayTime = parseInt($this.attr("data-delay-hover-anim")),
		initialDelay = 2000;

	function flicker(e) {
		var delay = $(e).index() * delayTime;
		setTimeout(function () {

			$(e)
			.addClass("hover")
			.delay(delayTime)
			.queue(function (next) {
				$(this).removeClass("hover");
				next();
			});

		}, delay);

	}
	setTimeout(function () {

		$children.each(function () {
			flicker(this);
		});

	}, initialDelay);

});