var SaveObj;
var myTimer;
function divAni(startWidth, endWidth, offset)
{
	if(startWidth < endWidth +1)
	{
		SaveObj.style.width = startWidth.toString() + 'px';
		SaveObj.style.left = '' + (offset - startWidth) + 'px';
		startWidth += 20;
		myTimer=setTimeout("divAni(" + startWidth + ", " + endWidth + ", " + offset + ")", 0);
	}
}

function getPosition(element)
{
	var elem=element,tagname="",x=0,y=0;
	/* solange elem ein Objekt ist und die Eigenschaft offsetTop enthaelt
	   wird diese Schleife fuer das Element und all seine Offset-Eltern ausgefuehrt */
  	while ((typeof(elem)=="object")&&(typeof(elem.tagName)!="undefined"))
	{
		y+=elem.offsetTop;     /* Offset des jeweiligen Elements addieren */
		x+=elem.offsetLeft;    /* Offset des jeweiligen Elements addieren */
		tagname=elem.tagName.toUpperCase(); /* tag-Name ermitteln, Grossbuchstaben */
		/* wenn beim Body-tag angekommen elem fuer Abbruch auf 0 setzen */
		if (tagname=="BODY")
			elem=0;

		/* wenn elem ein Objekt ist und offsetParent enthaelt
		   Offset-Elternelement ermitteln */
		if (typeof(elem)=="object")
			if (typeof(elem.offsetParent)=="object")
				elem=elem.offsetParent;
  	}

	/* Objekt mit x und y zurueckgeben */
	position=new Object();
	position.x=x;
	position.y=y;
	return position;
}

function do_image_overlay(objTarget, idOver)
{
	var aa = getPosition(objTarget);

	if (SaveObj)
		SaveObj.style.visibility = 'hidden';

	SaveObj = document.getElementById(idOver);
	SaveObj.style.left = aa.x + 'px';
	SaveObj.style.top = aa.y + 'px';
	SaveObj.style.visibility = 'visible';

	divAni(80, 320, aa.x + 80);
}

function do_image_overlay_out(obj)
{
	obj.style.visibility = 'hidden';
	clearTimeout(myTimer);
}