var imgslist = new Array(
"http://www.becker-itk.de/images/pagepeel/eselsohrflatter.gif", /* flatternde Ecke - nicht ändern! */
"http://www.becker-itk.de/images/pagepeel/eselsohrhintergrund.gif", /* Hintergrund der flatternden Ecke */
"http://www.becker-itk.de/images/pagepeel/eselsohrwerbung.jpg" /* Werbung, die bei MouseOver angezeigt wird */
);
var peelganzweg = 60; /*Millisekunden bis zum vollständigen Ausblenden des Eselsohrs*/
var peelausblenden = 15000; /*Millisekunden bis Eselsohr ohne MousOut zurückspring*/
var peelwegmausbeweger = 10000; /*Millisekunden bis Eselsohr ausblendet, für dauermausbewegende User*/
var wohin  ="http://www.becker-itk.de"; /*Da geht es hin, wenn man auf das Eselsohr klick*/

/*Bilder vorladen für langsame Browser*/
var imgs=new Array();
if (document.images)
{ for (x=0; x<imgslist.length; x++) { imgs[x]=new Image(); imgs[x].src = imgslist[x]; } }

/*kleine flatternde Ecke*/
document.writeln("<div id=\"peelmove\" onMouseover=\"hideit()\" style=\"position: absolute; top:0px; right: 0px; z-index: 500; width:75px; height:60px; visibility: visible\">");
document.writeln("<img src=\""+imgslist[0]+"\" width=\"75\" height=\"60\" border=\"0\" ALT=\"klick mich\"></div>");

/*Hintergrund der flatternden Ecke*/
document.writeln("<div id=\"peelmini\" onMouseover=\"hideit()\" style=\"position: absolute; top:0px; right: 0px; z-index: 499; width:60px; height:53px; visibility: visible\">");
document.writeln("<img src=\""+imgslist[1]+"\" width=\"60\" height=\"53\" border=\"0\" ALT=\"klick mich\"></div>");

/*große Werbefläche*/
document.writeln("<div id=\"peelbig\" onMouseout=\"showit()\" style=\"position: absolute; top:0px; right: 0px; z-index: 498; width:500px; height:400px; visibility: hidden\">");
document.writeln("<a href=\""+wohin+"\" target=\"_blank\"><img id=\"peelbigback\" src=\""+imgslist[2]+"\" width=\"500\" height=\"400\" border=\"0\"></a></div>");

/*große Werbeecke nach X Milliekunden ausblenden, damit diese nicht stört*/
window.setTimeout("killit()", peelganzweg);
function killit() {
 document.getElementById("peelmove").style.visibility = "hidden";
 document.getElementById("peelmini").style.visibility = "hidden";
 document.getElementById("peelbig").style.visibility = "hidden";
 }

/*große Werbeecke anzeigen, wenn Maus sich darauf befindet*/
function hideit() {
 document.getElementById("peelmove").style.visibility = "hidden";
 document.getElementById("peelmini").style.visibility = "hidden";
 document.getElementById("peelbig").style.visibility = "visible";
 window.setTimeout("showit()", peelausblenden);
 }

/*Zeit bis große Werbeecke ausblendet, für dauermausbewegende User*/
function showit() {
window.setTimeout("showitsmall()", peelwegmausbeweger);
}

/*TimeOut große Werbeecke weg, Flatterecke hin*/
function showitsmall() {
 document.getElementById("peelmove").style.visibility = "visible";
 document.getElementById("peelmini").style.visibility = "visible";
 document.getElementById("peelbig").style.visibility = "hidden";
 }