var mozilla=document.getElementById && !document.all
var opera = window.opera && document.getElementById;
var ie=document.all && !opera;
var divIsVisible=0;
barpicture=new Image(100,9);
barpicture.src="gr/progress.gif";
picture=new Image();
function iebody(){
return (document.compatMode && document.compatMode!="BackCompat")?document.documentElement:document.body;
}
function displayImg(e){
if (!e) var e = window.event;
el=document.getElementById("show");
id=mozilla?e.target.id:e.srcElement.id;
img = "images/"+ id + ".jpg";
if(document.images['im'].src != barpicture.src){
document.images['im'].src=barpicture.src;
clearTimeout(id);
}
if(((ie||opera) && e.srcElement.className=='s')||(mozilla && e.target.className=='s')){
document.getElementById('show').style.display='block';
//document.getElementById('show').innerHTML = "";
picture.src=img;
if(document.images['im'].src == barpicture.src){
id=setTimeout("document.images['im'].src=picture.src", 500);
}
//document.getElementById('show').innerHTML = "";
}
divIsVisible=1;
if (mozilla){
el.style.left=pageXOffset+e.clientX+10+"px";
el.style.top=pageYOffset+e.clientY+"px";
if(document.body.clientHeight-e.clientY < 260){
el.style.top=(pageYOffset+document.body.clientHeight-260);
}
el.style.visibility="visible";
document.addEventListener("mouseout", hideImg, true);
return false;
}
else if (ie){
el.style.left=iebody().scrollLeft+event.clientX+10;
el.style.top=iebody().scrollTop+event.clientY;
if(document.body.clientHeight-e.clientY < 260){
el.style.top=(iebody().scrollTop+document.body.clientHeight-260);
}
el.style.visibility="visible";
document.attachEvent("onmouseout", hideImg);
return false;
}
else if (opera) {
el.style.left=iebody().scrollLeft+event.clientX+10;
el.style.top=iebody().scrollTop+event.clientY;
if(document.body.clientHeight-e.clientY < 260){
el.style.top=(iebody().scrollTop+document.body.clientHeight-260);
}
el.style.visibility="visible";
document.addEventListener("mouseout", hideImg, true);
return false;
}
}
function hideImg(){
clearTimeout(id);
if (typeof el!="undefined" && divIsVisible){
document.getElementById('show').style.display='none';
divIsVisible=0;
}
divIsVisible=0
}
function begin(){
if(mozilla){
document.addEventListener("mouseover", displayImg, true)
}
else if(ie){
document.attachEvent("onmouseover", displayImg)
}
else if(opera){
document.addEventListener("mouseover", displayImg, true)
}
}