function uhover(id, top) {
    //dojo.byId(id).style.width="110px";
    //dojo.byId("d" + id).style.top = top + "px";
    
    var anim1 = dojo.animateProperty({
		node: "d" + id,
		properties:{
			top: { end: top, unit:"px"}
		}
	});
    var anim2 = dojo.animateProperty({
		node: id,
		properties:{
			width: { end:110, unit:"px"}
		}
	});
    anim1.play();
    anim2.play();
    
    ueberchg(id);
}

function uunhover(id, top) {
    //dojo.byId(id).style.width=dojo.byId(id).style.minWidth;
    //dojo.byId("d" + id).style.top = top + "px";
    
    var anim1 = dojo.animateProperty({
		node: "d" + id,
		properties:{
			top: { end: top, unit:"px"}
		}
	});
	
    var nw=dojo.byId(id).style.minWidth.split("px");


    var anim2 = dojo.animateProperty({
		node: id,
		properties:{
			width: { end: nw[0], unit:"px"}
		}
	});
    anim1.play();
    anim2.play();
}

function ueberlinkreplace() {
   var alt_html=dojo.byId("ueberlinks").innerHTML="<div id=\"d1986\" style=\"position: absolute; top: -40px; left: 350px;\"><a href=\"javascript:ueberchg('1986')\"><img src=\"jahre/1986.png\" class=\"siteimg\" style=\"width:  60px; min-width:  60px;\" id=\"1986\" onMouseOver=\"uhover('1986', -60)\" onMouseOut=\"uunhover('1986', -40)\"></a></div>         <div id=\"d1989\" style=\"position: absolute; top: -25px; left: 310px;\"><a href=\"javascript:ueberchg('1989')\"><img src=\"jahre/1989.png\" class=\"siteimg\" style=\"width:  65px; min-width:  70px;\" id=\"1989\" onMouseOver=\"uhover('1989', -45)\" onMouseOut=\"uunhover('1989', -25)\"></a></div>         <div id=\"d1992\" style=\"position: absolute; top:  -6px; left: 270px;\"><a href=\"javascript:ueberchg('1992')\"><img src=\"jahre/1992.png\" class=\"siteimg\" style=\"width:  70px; min-width:  80px;\" id=\"1992\" onMouseOver=\"uhover('1992', -26)\" onMouseOut=\"uunhover('1992',  -6)\"></a></div>         <div id=\"d1993\" style=\"position: absolute; top:  12px; left: 230px;\"><a href=\"javascript:ueberchg('1993')\"><img src=\"jahre/1993.png\" class=\"siteimg\" style=\"width:  75px; min-width:  90px;\" id=\"1993\" onMouseOver=\"uhover('1993',  -8)\" onMouseOut=\"uunhover('1993',  12)\"></a></div>         <div id=\"d1997\" style=\"position: absolute; top:  36px; left: 190px;\"><a href=\"javascript:ueberchg('1997')\"><img src=\"jahre/1997.png\" class=\"siteimg\" style=\"width:  80px; min-width: 100px;\" id=\"1997\" onMouseOver=\"uhover('1997',  16)\" onMouseOut=\"uunhover('1997',  36)\"></a></div>         <div id=\"d2000\" style=\"position: absolute; top:  62px; left: 150px;\"><a href=\"javascript:ueberchg('2000')\"><img src=\"jahre/2000.png\" class=\"siteimg\" style=\"width:  85px; min-width: 100px;\" id=\"2000\" onMouseOver=\"uhover('2000',  42)\" onMouseOut=\"uunhover('2000',  62)\"></a></div>         <div id=\"d2002\" style=\"position: absolute; top:  88px; left: 110px;\"><a href=\"javascript:ueberchg('2002')\"><img src=\"jahre/2002.png\" class=\"siteimg\" style=\"width:  90px; min-width: 100px;\" id=\"2002\" onMouseOver=\"uhover('2002',  68)\" onMouseOut=\"uunhover('2002',  88)\"></a></div>         <div id=\"d2004\" style=\"position: absolute; top: 115px; left:  70px;\"><a href=\"javascript:ueberchg('2004')\"><img src=\"jahre/2004.png\" class=\"siteimg\" style=\"width:  95px; min-width: 100px;\" id=\"2004\" onMouseOver=\"uhover('2004',  95)\" onMouseOut=\"uunhover('2004', 115)\"></a></div>         <div id=\"d2007\" style=\"position: absolute; top: 138px; left:  30px;\"><a href=\"javascript:ueberchg('2007')\"><img src=\"jahre/2007.png\" class=\"siteimg\" style=\"width: 100px; min-width: 100px;\" id=\"2007\" onMouseOver=\"uhover('2007', 118)\" onMouseOut=\"uunhover('2007', 138)\"></a></div>";
}

function ueberchg(id) {
   dojo.byId("ueberin").innerHTML="<table border=\"0\" width=\"100%\"><tr><td valign=\"top\"><center><img src=\"ajax-loader2.gif\" class=\"siteimg\"></center></td></tr></table>";

   dojo.xhrGet(
     {
       url: "lebenslauf.php?lebenslauf=" + id,
       handleAs: "text",
       error: errorconsole,
       load: ueberchg_do
     });
}

function ueberchg_do(data, args) {
  dojo.byId("ueberin").innerHTML=data;
}