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 = "<IMG name='im' SRC='./gr/progress.gif'>";
picture.src=img;
if(document.images['im'].src == barpicture.src){
id=setTimeout("document.images['im'].src=picture.src", 500);
}
//document.getElementById('show').innerHTML = "<IMG SRC='"+img+"'>";
}

	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)
}
}