var imgs=new Array();
var schatten=new Array();
var count=1;
var s_no=0;
function check_makeRectangularDropShadow_IMG() {
	//window.status="Anzahl imgs: "+imgs.length+" | Count: "+count;
	count++;
	//Alle Schatten zeichnen die noch nicht gezeichnet wurden, weil das Bild noch nicht geladen war
	var allCompleted=true;
	for(i=0;i<imgs.length;i++) {
		if (imgs[i].el.complete==false) {
			//if (imgs[i].drawed==false) {
			//	makeRectangularDropShadow_IMG_do(i);
			//}
		//} else {
			allCompleted=false;
		}
	}
	// Wenn alle Schatten gezeichnet wurden, dann Interval löschen
	if (allCompleted==true) {
		window.clearInterval(aktiv_imgs);
		for (i=0; i<imgs.length;i++) {
			makeRectangularDropShadow_IMG_do(i);
		}
	}
}

function myShadowImg(obj,color,size) {
	this.el=obj;
	this.size=size;
	this.color=color;
	this.drawed=false;
}

function makeRectangularDropShadow_IMG_do(i) {
	imgs[i].drawed=true;
	makeRectangularDropShadow_IMG(imgs[i].el, imgs[i].color, imgs[i].size);
}

function makeRectangularDropShadow_IMG(el, color, size)
{
	
	if (el.complete==false) {
		var no=imgs.length;
		imgs[no]=new myShadowImg(el,color,size);
		
	} else {
		var links=0;
		var oben=0;
		var Eltern=el;
		while (Eltern) {
			links=eval(links + Eltern.offsetLeft);
			oben=eval(oben + Eltern.offsetTop);
			//document.write(Eltern.tagName+"<br>Links: "+links+"<br>posLeft: "+Eltern.offsetLeft+"<br>");
			Eltern=Eltern.offsetParent;
		}
		//window.status="Höhe: "+el.offsetHeight+" | Breite: "+el.offsetWidth;
		
		var i;
		for (i=size; i>0; i--)
		{
			var rect = document.createElement('div');
			rect.id="schatten_"+s_no;
			var rs = rect.style
			rs.position = 'absolute';
			rs.width = el.offsetWidth + 'px';
			rs.height = el.offsetHeight + 'px';
			rs.left = (links + i) + 'px';
			rs.top = (oben + i) + 'px';
			rs.zIndex = el.style.zIndex - i;
			rs.backgroundColor = color;
			var opacity = 1 - i / (i + 1);
			rs.filter = 'alpha(opacity=' + (100 * opacity) + ')';
			el.insertAdjacentElement('afterEnd', rect);
			
			schatten[schatten.length]=rect;
		}
	}
}

// Gibt allen Bildern die einen Namen in der Form img_x (x eine Zahl) haben einen Schatten
function shadowAll() {
	var i;
	for(i=0;i<document.images.length;i++) {
		//document.write(document.images[i].name+"<br>");
		var dummy=document.images[i].name;
		if (dummy.substr(0,4)=="img_") {
			makeRectangularDropShadow_IMG(document.images[i],'#666666',4);
		}
	}
}

shadowAll();
var aktiv_imgs = window.setInterval("check_makeRectangularDropShadow_IMG()",500);