<div id="infobar" style="padding:60px 30px 30px 30px;position:fixed;z-index:999;left:25%;top:-100px;width:50%;border-bottom:0px solid #000000;background-color:transparent">
<a href="javascript:closeInfoBar()"><img src="icon_close.png" style="width: 25px; height: 25px; float: right; border: 0; margin-right: 5px" /></a>
<a href="WerbeAdresse"><img
style="border: 0px solid ; width: 100%; height: 376px;" alt=""
src="Dein bilderlink.html"></a></div>
<script type="text/javascript">
function showInfoBar()
{
var infobar = document.getElementById("infobar");
var top = parseInt(infobar.style.top);
if (top < 0)
{
top += 5;
infobar.style.top = top+"px";
setTimeout(function(){showInfoBar()}, 50);
}
else
{
if (document.all && !window.XMLHttpRequest)
infobar.style.setExpression("top", 'document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px" : body.scrollTop+"px"');
else
infobar.style.top = 0;
}
}
function closeInfoBar()
{
document.getElementById("infobar").style.display = "none";
}
function initInfoBar()
{
var docWidth = 800;
if (typeof window.innerWidth != 'undefined')
{
docWidth = window.innerWidth;
}
else
if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0)
{
docWidth = document.documentElement.clientWidth;
}
else
{
docWidth = document.getElementsByTagName('body')[0].clientWidth;
}
// document.getElementById("infobar").style.width = "100%";
var height = parseInt(document.getElementById("infobar").offsetHeight);
document.getElementById("infobar").style.top = height*(-1)+"px";
showInfoBar();
}
initInfoBar();
</script>