$(document).ready(function(){
	
	// Iteroidaan läpi jokainen div.kuvitus
	$("div.kuvitus").each(function (i) {
		
		// Luetaan (ensimmäisen) kuvan leveys
		div_width = $(this).children("img").width();
		
		// Varjon lisääminen
		if ($(this).hasClass("varjo")) {
	   	
			// Lisätään tilaa varjolle
			div_width = div_width + 8;
			
			// Kääritään kuvat diveihin, jotka tuottavat varjon CSS:n kautta
			$(this).children("img").wrap("<div class='varjo1'><div class='varjo2'><div class='varjo3'><div class='varjo4'>" + "</div></div></div></div>");
		}
		
		// Asetetaan diville leveys kuvan leveyden pohjalta, jotta teksti kiertää kauniisti
		$(this).width(div_width);
	});
 });