//Pop up information box II (Mike McGrath (mike_mcgrath@lineone.net, http://website.lineone.net/~mike_mcgrath))
//Permission granted to Dynamicdrive.com to include script in archive
//For this and 100's more DHTML scripts, visit http://dynamicdrive.com

Xoffset=-60; // modify these values to ...
Yoffset= 20; // change the popup position.

var old,skn,iex=(document.all),yyy=-1000;
var move = 1;

var my_nadpis = "", my_image = "", my_popis = "";

var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all

//if (ns4) {alert('ns4');}
//if (ns6) {alert('ns6');}
//if (ie4) {alert('ie4');}

if (ns4) {skn=document.dek}
else if (ns6) {skn=document.getElementById("dek").style}
else if (ie4) {skn=document.all.dek.style}
else {skn=document.getElementById("dek").style}

if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;

function popup(nadpis,img,popis){

my_nadpis = nadpis;
my_image = img;
my_popis = popis;

yyy=Yoffset;
if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}
if(ie4){document.all("dek").innerHTML=content;skn.display=''}

//var content="<h2>"+nadpis+"</h2><p>"+popis+"</p>";
//if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}
//if(ie4){document.all("dek").innerHTML=content;skn.display=''}

if (my_image) {var content="<h2>"+my_nadpis+"</h2>"+'<img src="'+my_image+'" />'+"<p>"+my_popis+"</p>";}
else {var content="<h2>"+my_nadpis+"</h2>"+"<p>"+my_popis+"</p>";}


if(ns6){document.getElementById("dek").innerHTML=content;}
if(ie4){document.all("dek").innerHTML=content;}
}

function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
if (move) {skn.left=x+Xoffset+'px';}
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
if (move) {skn.top=y+yyy+'px';}

//var content="<span style='background-color: gray'>|"+x+","+y+"|,|"+skn.top+","+skn.left+"|</span>";
///var content="<h2>"+my_nadpis+"</h2>"+'<img src="'+my_image+'" />'+"<p>"+my_popis+"</p>";
///if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}
///if(ie4){document.all("dek").innerHTML=content;skn.display=''}
}


function hide () {

yyy=-1000;
if(ns4){skn.visibility="hidden";}
else if (ns6||ie4)
skn.display="none";
move = 1;
if(ns6){document.getElementById("dek").innerHTML=0;}
if(ie4){document.all("dek").innerHTML=0;}
}

function kill(){
move = 0;
setTimeout('hide()', 2000);
}