function vorschau(){
    this.div = document.createElement("div");
    this.div.style.display = "none";
    this.div.style.width = "100%";
    this.div.style.textAlign = "center";
    this.div.style.margin = "auto";
    this.div.style.position = "absolute";
    this.div.style.top = "50px";
    this.div.style.zIndex = "100";
    //this.div.style.right = "auto";
    
    this.body = document.getElementsByTagName("body")[0];
    
    //this.body.appendChild(this.div);
    this.body.insertBefore(this.div, document.getElementById("wrapper"));
    this.versatzX = 0;
    this.versatzY = 0;
    this.on = function(pfad){
        var img = new Image();
        img.src = pfad;
        this.versatzY = - Math.round(img.height / 2);
        this.div.style.top = (650 - img.height) + "px";
        this.div.style.display = "block";
        
        this.div.innerHTML = '<div style="overflow:hidden;width:738px;background:#FFFFFF;margin:auto;border:1px solid #000000;padding:5px"><img src="' + pfad + '" name="vorschau" border="0" /></div>';
    }
    this.onFirst = function(pfad){
        var img = new Image();
        img.src = pfad;
        this.versatzY = - Math.round(img.height / 2);
        this.div.style.top = 670 + "px";
        this.div.style.display = "block";
        
        this.div.innerHTML = '<div style="overflow:hidden;width:738px;background:#FFFFFF;margin:auto;border:1px solid #000000;padding:5px"><img src="' + pfad + '" name="vorschau" border="0" /></div>';
    }
    this.out = function(pfad){
        this.div.style.display = "none";
    }
    this.setpos = function(x,y){
        this.div.style.left = (x + this.versatzX) + "px";
        this.div.style.top =  (y + this.versatzY) + "px";
    }
}
var view;
window.onload = function(){
     view = new vorschau();
    
}
/*
document.onmousemove = function(winevent){
    if(!winevent){
        winevent = window.event;
    } 
    if(winevent.pageX && winevent.pageY){
        view.setpos(winevent.pageX + 10, winevent.pageY+10);
    }
    //document.getElementById("test").innerHTML = document.body.scrollLeft+" | "+ document.body.scrollTop;
    //document.getElementById("test").innerHTML = document.documentElement.scrollTop +" | "+ document.documentElement.scrollLeft;
    //document.getElementById("test").innerHTML = window.pageXOffset +" | "+ window.pageYOffset;
    if(winevent.pageX && winevent.pageY){
        view.setpos(winevent.pageX + 10, winevent.pageY+10);
    }else if(winevent.clientX && winevent.clientY){
        view.setpos(winevent.clientX + document.documentElement.scrollLeft + 10, winevent.clientY+ document.documentElement.scrollTop + 10 );
    }
}
*/