var leftOffset = 12;
var topOffset = 12;
var rightOffset = 12;
var bottomOffset = 12;
var bottomLeftOffset = 4;
var bottomRightOffset = 4;
var defaultShadowClass = "shadowBox";

function applyShadowToElementsWithClass(shadowClass) {
	if (shadowClass) {
		shadowClass = "." + shadowClass;
		jQuery(shadowClass).each(function() {
			element = this;
			width = element.offsetWidth;
			height = element.offsetHeight;
			
			// create left shadow
			shadowLeft = document.createElement('div');
			shadowLeft.className = "shadowLeft pngtransparency";
			shadowLeft.style.height = "" + (height - leftOffset) + "px";
			element.appendChild(shadowLeft);
			
			// create top shadow
			shadowTop = document.createElement('div');
			shadowTop.className = "shadowTop pngtransparency";
			shadowTop.style.width = "" + (width - topOffset) + "px";
			element.appendChild(shadowTop);
			
			// create right shadow
			shadowRight = document.createElement('div');
			shadowRight.className = "shadowRight pngtransparency";
			shadowRight.style.height = "" + (height - rightOffset) + "px";
			element.appendChild(shadowRight);
			
			// create bottom shadow
			shadowBottom = document.createElement('div');
			shadowBottom.className = "shadowBottom pngtransparency";
			shadowBottom.style.width = "" + (width - bottomOffset) + "px";
			shadowBottom.style.top = "" + height + "px";
			element.appendChild(shadowBottom);

			// create top left corner shadow
			shadowTopLeft = document.createElement('div');
			shadowTopLeft.className = "shadowTopLeft pngtransparency";
			element.appendChild(shadowTopLeft);
			
			// create bottom left corner shadow
			shadowBottomLeft = document.createElement('div');
			shadowBottomLeft.className = "shadowBottomLeft pngtransparency";
			shadowBottomLeft.style.top = "" + (height - bottomLeftOffset) + "px";
			element.appendChild(shadowBottomLeft);

			// create top right corner shadow
			shadowTopRight = document.createElement('div');
			shadowTopRight.className = "shadowTopRight pngtransparency";
			element.appendChild(shadowTopRight);
			
			// create bottom right corner shadow
			shadowBottomRight = document.createElement('div');
			shadowBottomRight.className = "shadowBottomRight pngtransparency";
			shadowBottomRight.style.top = "" + (height - bottomRightOffset) + "px";
			element.appendChild(shadowBottomRight);
		});
	} else {
		alert("Konfiguration: Es wurde kein Klassenname angegeben");
	}
}

function applyShadows() {
	applyShadowToElementsWithClass(defaultShadowClass);
}

//Event.observe(window, 'load', applyShadows, false);
jQuery(document).ready(function() {
	applyShadows();
});