$(document).ready(function() {
	$(".minicarousel").each(function() {
		var animating = false;
		var mc = $(this);
		var props = minicarousel[mc.attr("id").substring(mc.attr('id').indexOf('_')+1)];

		var body = $(".minicarbody", mc);
		var foot = $(".minicarfoot", mc);
		var validprops = 0;
		for(var i=0;i<props.length;++i) {
			if(props[i].url!="" || props[i].text!="") {
				validprops++;
				foot.append($('<span data-index="' + i + '">•</span>').click(function() {
					switchTo(1*$(this).attr('data-index'));
				}));
			}
		}
		initbody(body, 0);

		if(validprops>0) {
			setInterval(function() {
				var cur = 1*$(".current", foot).attr("data-index");
				for(var i=0;i<props.length;++i) {
					cur = (cur + 1) % props.length;
					if(props[cur].url!="" || props[cur].text!="") { break; }
				}
				switchTo(cur);
			}, 5000);
		}

		function initbody(body, i) {
			if(props[i].url!="") {
				body.append('<img src="' + props[i].url + '">');
			}
			
			foot.children().removeClass("current").filter("[data-index="+i+']').addClass("current");
		}

		function switchTo(i) {
			if(!animating) {
				animating = true;
				var newbody = $('<div class="minicarbody"></div>');
				newbody.hide();
				body.after(newbody);
				initbody(newbody, i);
				body.fadeOut('slow', function() {
					body.remove();
					body = newbody;
					animating = false;
				});
				newbody.fadeIn('slow');
			}
		}
	});

});

