var x=0;
var y=0;

function onPaint(img)
{
    var content=document.getElementById('content') ;
    content.innerHTML='<img border="1" src="'+img+'" >';
}

function nClear()
{
var content=document.getElementById('content') ;
    content.innerHTML=" ";
varPicDiv = document.getElementById('content');
varPicDiv.style.left = "0px";
varPicDiv.style.top  = "0px";
}

function updatePosition(e) {
varPicDiv = document.getElementById('content');
cursor = window.event;
if (!cursor)
cursor = e;


var scrollLeft,scrollTop;
        
if (window.pageYOffset){  
    scrollTop = window.pageYOffset 
} else if(document.documentElement && document.documentElement.scrollTop){ 
    scrollTop = document.documentElement.scrollTop; 
} else if(document.body){ 
    scrollTop = document.body.scrollTop; 
} 

if(window.pageXOffset){ 
    scrollLeft=window.pageXOffset 
} else if(document.documentElement && document.documentElement.scrollLeft){ 
    scrollLeft=document.documentElement.scrollLeft; 
} else if(document.body){ 
    scrollLeft=document.body.scrollLeft; 
}


var windowWidth,windowHeight; // frame width & height

if(window.innerWidth){ 
    windowWidth=window.innerWidth; 
} else if(document.documentElement && document.documentElement.clientWidth){ 
    windowWidth=document.documentElement.clientWidth; 
} else if(document.body){ 
    windowWidth=document.body.offsetWidth; 
} 

if(window.innerHeight){ 
    windowHeight=window.innerHeight; 
} else if(document.documentElement && document.documentElement.clientHeight){ 
    windowHeight=document.documentElement.clientHeight; 
} else if(document.body){ 
    windowHeight=document.body.clientHeight; 
}
///////////
var wwidth=scrollLeft;
var wheight=scrollTop;


winup=scrollTop;
windown=winup+windowHeight-5;
winleft=wwidth;
winright=winleft+windowWidth-5;

    x = cursor.clientX+scrollLeft;
        y = cursor.clientY+scrollTop;

divup=y;
divdown=y+varPicDiv.offsetHeight;
divleft=x;
divright=x+varPicDiv.offsetWidth;
if (varPicDiv != null)
{
    divx = (x+10) + "px";
    divy  = (y+10) + "px";
    if (divright > winright)
    {
        divx = (x-(divright-winright)) + "px";
    }
    if (divdown > windown)
    {
         divy  = (y-(divdown-windown)) + "px";
    }
    varPicDiv.style.left = divx;
    varPicDiv.style.top  = divy;
}
}
document.onmousemove = updatePosition;

// klick out :

function klick_out(Adresse) {
  //MeinFenster = window.open(Adresse, "Zweitfenster", "width=300,height=400,left=100,top=200");
  MeinFenster = window.open(Adresse, "Zweitfenster");
 
  MeinFenster.focus();
}