// JavaScript used in conjunction with jquery to animate in the right navigation for the collections screens
$(document).ready(function(){
	
	var delayIncrement = 100;
	var currentDelay = 0;

	$('#CollectionsRightNav ul li').each(function(index, domEle){
		// Execute animation after incremental delay
		setTimeout(function(){
			// Delay, then fade while sliding
			$(domEle).animate({ marginTop: "0px" }, { queue:false, duration:700, easing: "easeOutSine" } );
			$(domEle).fadeIn("slow");
		}, currentDelay);
		currentDelay+=delayIncrement;
	});

});