function ajaxpicpreview(pic,whi,hei,event)
{
	
	size = document.getElementById("rhead").offsetLeft
	obj = size - event.clientX;	
	
	if (!event)
    {
        event = window.event;
    }
	var picd = document.getElementById('picviewer');
	if (picd==null)
	{
		var picd = document.createElement('div');
		var bd = document.getElementById('htmlbody');
		picd.id = 'picviewer';
		picd.className = "previewimg";
		if (whi != null) picd.style.width = whi;
		if (hei != null) picd.style.height = hei;
		var img = document.createElement('img');
		img.id = 'picviewerimg';
		
		img.onclick = function ()
		{
			var picd = document.getElementById('picviewer');
			event.cancelBubble = true;
			event.returnValue = false;
			picd.style.display = 'none';
		}

		picd.appendChild(img);
		bd.appendChild(picd);
	}
	if (img==null) img = document.getElementById('picviewerimg');

	picd.style.right = 100+'px';
	picd.style.top = 300+'px';
	
	if (obj < 500) { 
	picd.style.right = 100;
	}
	else {
	picd.style.right = '';		
	picd.style.left = event.clientX+getBodyScrollLeft()+'px';
	}
	picd.style.top = event.clientY+getBodyScrollTop()+'px';
	
	if (img.title != pic)
	{
		img.style.display = 'none';
		img.onload = function () { this.style.display = 'block'; }
		img.src = pic;
		img.title = pic;
		picd.style.display = 'block';
	}
	else if (picd.style.display != 'none') picd.style.display = 'none';
	else picd.style.display = 'block'
	
	event.cancelBubble = true;
	event.returnValue = false;
}