function zoomon(path, parent, where, raise, w, h)
{
    var zoomContent = document.getElementById('zoomContent');
    zoomContent.style.visibility = "visible";
    zoomContent.style.width = px(w);
    zoomContent.style.height = px(h);
    var pos = findPos(parent);
    if(where == 'right')
    {
        zoomContent.style.left=px(pos[0] + 175);
        if(raise == 'raised')
        {
            zoomContent.style.top=px(pos[1]-parent.height/2-h/3);
        }
        else
        {
            zoomContent.style.top=px(pos[1]-parent.height/2);
        }
    }
    if(where == 'left')
    {
        zoomContent.style.left=px(pos[0] - w - 5);
        if(raise == 'raised')
        {
            zoomContent.style.top=px(pos[1]-parent.height/2-h/3);
        }
        else
        {
            zoomContent.style.top=px(pos[1]-parent.height/2);
        }
    }
    if(where == 'bottom')
    {
        zoomContent.style.left=px(pos[0]-parent.width/2);
        zoomContent.style.top=px(pos[1]+140);
    }
    zoomContent.innerHTML="<img src='" + path +"'></img>";
}

function zoomoff()
{
    var zoomContent = document.getElementById('zoomContent');
    zoomContent.style.visibility = "hidden";
    zoomContent.style.width = "0px";
    zoomContent.style.height = "0px";
    zoomContent.innerHtml="";
}

function findPos(obj) 
{
	var curleft = 0;
	var curtop = 0;
	if (obj.offsetParent) 
	{
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) 
		{
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft, curtop];
}

function px(i)
{
    return i+"px";
}