//Funktion für Bildschatten
$(document).ready(function()
{
	
	$('<link href="http://www.sozialstation-achern.de/link/css/schatten-neu.css" rel="stylesheet" type="text/css" /><!--[if lte IE 6]><link href="http://www.sozialstation-achern.de/link/css/ie/ie-schatten.css" rel="stylesheet" type="text/css" /><![endif]-->').insertAfter('head');
	
	$('.rahmen').each(function(index) {
	
		// img data
		var imgWidth = $(this).width();
		var imgHeight = $(this).height();

		// wrap data
		var wWidth = imgWidth+18;
		var wHeight = imgHeight+18;
		
		$(this).wrap('<div class="schatten" style="width:'+wWidth+'px;height:'+wHeight+'px;" />');
		
		$('<div class="schatten-oben" style="width:'+imgWidth+'px;"><em class="l"></em><em class="r"></em></div>'+
		  '<div class="schatten-links" style="height:'+imgHeight+'px;"></div>').insertBefore(this);
		
		$('<div class="schatten-rechts" style="height:'+imgHeight+'px;"></div>'+
		  '<div class="schatten-unten" style="width:'+imgWidth+'px;"><em class="l"></em><em class="r"></em></div>').insertAfter(this);
	
	});
});