(function($) {
	objs = $("img.spinload")

	objs.each(function() {
		var self = this;
		$(self).data("original", $(self).attr("src"));
		$(self).attr("src", "images/transparent.gif");
		self.loaded = false;
		$(self).one("appear", function() {
			if (!this.loaded) {
				$("<img/>").
					bind("load", function() {
						//setTimeout(function() {
							$(self).
								hide().
								attr("src", $(self).data("original")).
								removeClass("spinload").
								addClass("spinloaded").
								fadeIn();
							self.loaded = true;
						//}, 1000);
					}).
					attr("src", $(self).data("original"));
			};
		});
	});

	objs.each(function() { $(this).trigger("appear"); });

	objs = $("img.spincycle")

	objs.each(function() {
		var self = this;
		$(self).data("original", $(self).attr("src"));
		$(self).data("i", 1);

		$(self).bind("cycle", function() {
			var i = ($(self).data("i") % 4) + 1;
			$(self).data("i", i);
			var url = $(self).data("original");
			if (i > 1)
				url = url.replace(/jpg$/, i + ".jpg");
			$("<img/>").
				bind("load", function() {
					setTimeout(function() {
						$(self).
							hide().
							attr("src", url).
							fadeIn().
							trigger("cycle");
					}, 5000);
				}).
				attr("src", url);
		});
	});

	objs.each(function() { $(this).trigger("cycle"); });
})(jQuery);