$(document).ready(function() {
	$("a[rel^='prettyPhoto']").prettyPhoto({
		animationSpeed: 'fast',
		theme: 'light_rounded'
	});
	
	$(".entry a:not(:has(img),:has(h1),:has(h2),:has(h3))").each(function() {
		if (!$(this).hasClass("no-external-link") &&
			!$(this).attr("href").match(/^http:\/\/www.michel-kraemer.de/) &&
			!$(this).attr("href").match(/^mailto\:/)) {
			$(this).wrap("<span style=\"white-space:nowrap\"></span>");
			$(this).after("<span class=\"external-link\">&nbsp;</span>");
		}
	});
	
	$(".commentlist li").each(function(i) {
		i = i + 1;
		$(this).prepend("<span class=\"commentnumber\">#" + i + "</span>");
	});
});

//change images after they have been loaded. this is achieved by
//using $(window).load() instead of $(document).ready()
$(window).load(function() {
	$("a[rel^='prettyPhoto']").find("img").each(function() {
		$(this).addClass("rounded-corners");
	});
	$(".thumb").each(function() {
		$(this).addClass("rounded-corners");
	});
	
	$(".rounded-corners").each(function() {
		var width = $(this).width();
		var height = $(this).height();
		if (width < 32 || height < 32)
			return;
		var additionalstyle = "";
		if ($(this).hasClass("aligncenter")) {
			additionalstyle = "margin-left: auto; margin-right: auto; ";
		}
		$(this).wrap("<span style=\"display: block; " +
			additionalstyle +
			"position: relative; " +
			"width: " + width + "px; " +
			"height: " + height + "px;\"></span>");
		$(this).before("<span class=\"corner-ul\"></span>");
		$(this).before("<span class=\"corner-ur\"></span>");
		$(this).before("<span class=\"corner-ll\"></span>");
		$(this).before("<span class=\"corner-lr\"></span>");
	});
	
	$(".drop-shadowed").each(function() {
		var width = $(this).width();
		var height = $(this).height();
		var additionalclass = "";
		if ($(this).hasClass("alignright")) {
			additionalclass = " alignright";
		} else if ($(this).hasClass("alignleft")) {
			additionalclass = " alignleft";
		}
		$(this).wrap("<span class=\"drop-shadowed-frame" + additionalclass + "\" style=\"" +
			"width: " + (width + 30) + "px; " +
			"height: " + (height + 30) + "px;\"></span>");
		$(this).before("<span class=\"drop-shadow-top\"></span>");
		$(this).before("<span class=\"drop-shadow-bottom\"></span>");
		$(this).before("<span class=\"drop-shadow-left\"></span>");
		$(this).before("<span class=\"drop-shadow-right\"></span>");
		$(this).before("<span class=\"drop-shadow-ul\"></span>");
		$(this).before("<span class=\"drop-shadow-ur\"></span>");
		$(this).before("<span class=\"drop-shadow-ll\"></span>");
		$(this).before("<span class=\"drop-shadow-lr\"></span>");
	});
});