function getcord(e){
    docwidth=document.all? truebody().clientWidth : window.innerWidth;
    docheight=document.all? truebody().clientHeight : window.innerHeight;
	divwidth = document.getElementById('vi').offsetWidth;
	divheight = document.getElementById('vi').offsetHeight;
	x = e ? e.pageX : window.event.x + truebody().scrollLeft;
	y = e ? e.pageY : window.event.y + truebody().scrollTop;
	cly = (e ? e.pageY : window.event.y) - truebody().scrollTop;
	if ((x+divwidth+20) > docwidth){
		document.getElementById('vi').style.left = x - 10 - divwidth;
	}else{
		document.getElementById('vi').style.left = x + 10;
	}
	if ((cly + 10 + divheight) > docheight){
		document.getElementById('vi').style.top = y - 10 - divheight;
	}else{
		document.getElementById('vi').style.top = y + 10;
	}
}


function vd(im, w, h){
	document.getElementById('vi').style.display = 'block';
	document.getElementById('vi').innerHTML = '<img src="' + im + '" style="border: 2px solid green;" width="250" height="350">';
	document.onmousemove=getcord;
}
function cd(){
	document.getElementById('vi').style.display = 'none';
	document.onmousemove='';
}

function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

