teaserFoto = new Array();

teaserFoto[0] = new Object();
teaserFoto[0]["src"] = "./content/home/fotos/dscf4386-fadein.gif";
teaserFoto[0]["style"] = new Object();
teaserFoto[0]["style"]["position"] = "absolute"; 
teaserFoto[0]["style"]["left"] = "-25px"; 
teaserFoto[0]["style"]["top"] = "11px"; 
teaserFoto[0]["style"]["margin-bottom"] = "15px"; 

teaserFoto[1] = new Object();
teaserFoto[1]["src"] = "./content/home/fotos/dscf4138-fadein.gif";
teaserFoto[1]["style"] = new Object();
teaserFoto[1]["style"]["position"] = "absolute"; 
teaserFoto[1]["style"]["left"] = "-25px"; 
teaserFoto[1]["style"]["top"] = "11px"; 
teaserFoto[1]["style"]["margin-bottom"] = "15px"; 

teaserFoto[2] = new Object();
teaserFoto[2]["src"] = "./content/home/fotos/dscf4468-fadein.gif";
teaserFoto[2]["style"] = new Object();
teaserFoto[2]["style"]["position"] = "absolute"; 
teaserFoto[2]["style"]["left"] = "-25px"; 
teaserFoto[2]["style"]["top"] = "11px"; 
teaserFoto[2]["style"]["margin-bottom"] = "15px"; 

teaserFoto[3] = new Object();
teaserFoto[3]["src"] = "./content/home/fotos/dscf4268-fadein.gif";
teaserFoto[3]["style"] = new Object();
teaserFoto[3]["style"]["position"] = "absolute"; 
teaserFoto[3]["style"]["left"] = "-35px"; 
teaserFoto[3]["style"]["top"] = "11px"; 
teaserFoto[3]["style"]["margin-bottom"] = "15px"; 

var teaserImg=document.createElement("img");
var teaserIndex = Math.floor(Math.random()*teaserFoto.length)

teaserImg.setAttribute("src",teaserFoto[teaserIndex]["src"]);
teaserImg.style.position = teaserFoto[teaserIndex]["style"]["position"];
teaserImg.style.left = teaserFoto[teaserIndex]["style"]["left"];
teaserImg.style.top = teaserFoto[teaserIndex]["style"]["top"];
/* teaserImg.style.marginbottom = teaserFoto[teaserIndex]["style"]["margin-bottom"]; */

/*
 for (var attribute in teaserFoto[teaserIndex]["style"]) {
	teaserImg.style.attribute = teaserFoto[teaserIndex]["style"][attribute];
}

*/
document.getElementById("menu").appendChild(teaserImg);