if (document.getElementById)
            {
                document.write('<div id="mouseoverimage" style="margin-right: 100px; position:absolute; top:0px; left:300px; z-index:5; "></div>');
            }

            function createLayer(imagename, width, height)
            {
                imgwidth = width;
                imgheight = height;

                document.onmousemove = glueToMouse;

                aktiv = setTimeout('displaylayer("' + imagename + '", ' + width + ', ' + height + ')', 750);
            }

            function displaylayer(imagename, width, height)
            {
                layerContent = '<div style="padding: 5px; background-color: #FFFFFF; border: 1px solid #888888; width: ' + width * 0.345 + '; height: ' + height * 0.1345 + ';"><img src="' + imagename + '" border="0"></div>';

                document.getElementById("mouseoverimage").innerHTML = layerContent;
                document.getElementById("mouseoverimage").display = "inline";
            }

            function hidelayer()
            {
                if(typeof(aktiv) == "number")
                    clearTimeout(aktiv);
                document.getElementById("mouseoverimage").innerHTML = " ";
                document.getElementById("mouseoverimage").display = "none";
            }

            function glueToMouse(el)
            {
                var x = 130;
                var y = 0;

                var width = document.all ? document.documentElement.scrollLeft+document.documentElement.clientWidth : pageXOffset + window.innerWidth - 150;
                var height = document.all ? Math.min(document.documentElement.scrollHeight, document.documentElement.clientHeight) : Math.min(window.innerHeight);

                if (typeof el != "undefined")
                {
                    if (width - el.pageX < (imgwidth * 2.345 + 11 + x))
                        x = el.pageX - (imgwidth * 2.345) - 11 - x;
                    else
                        x += el.pageX;

                    yscrollamount = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
                    y = el.pageY ;

                    if(height + yscrollamount - el.pageY  < (imgheight * 2.345 + 13))
                        y = height - (imgheight * 2.35 + 13) + yscrollamount;
                } else if(typeof window.event != "undefined")
                {
                    if (width - event.clientX < (imgwidth * 2.345 + 11 + x))
                        x = event.clientX + document.documentElement.scrollLeft - (imgwidth * 2.345) + 11 - x;
                    else
                        x += document.documentElement.scrollLeft + event.clientX;

                    yscrollamount = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
                    y = event.clientY + yscrollamount;

                    if (height - event.clientY < (imgheight * 2.345 + 11))
                        y = height + yscrollamount  - (imgheight * 2.345 - 51);
                }

                var width = document.all ? document.documentElement.scrollLeft+document.documentElement.clientWidth : pageXOffset+window.innerWidth - 15
                var height = document.all ? Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight +15)

                document.getElementById("mouseoverimage").style.left = x + "px";
                document.getElementById("mouseoverimage").style.top = y + "px";
            }