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) {
		elements = getElementsByClassName(shadowClass);
		if (elements.length > 0) {
			for (i=0; i<elements.length; i++) {
				element = elements[i];
				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);
				
//				alert("top shadow höhe: "+shadowTop.offsetHeight);
//alert("IEPNGFix: "+IEPNGFix);
/*				if (window.IEPNGFix) {
					clearTimeout(IEPNGFix.update.timer);
					IEPNGFix.update.timer = setTimeout(IEPNGFix.update, 100);
				}*/

			}
		} else {
//			alert("Keine Elemente für den Klassenname " + shadowClass + " gefunden!");
		}
	} else {
		alert("Es wurde kein Klassenname angegeben");
	}
}

function applyShadows() {
	applyShadowToElementsWithClass(defaultShadowClass);
}

Event.observe(window, 'load', applyShadows, false);