//Hoe te gebruiken:
//<div id='placeholder' name='placeholder' onMouseOut="HideImageInline('organogram','placeholder')"></div>
//<div id='organogram' name='organogram'>
//<img src='/blob.asp?id=11719' onMouseOver="ShowImageInline('organogram','placeholder','',500, 500, 11719)">
//</div>
function ShowImageInline(elm, objTargetName, pPicUrl, pWidth, pHeight, pAssetId) 
{           
            var strImage;
            var strHTML;
			var x = findPosX(elm);
			var y = findPosY(elm);
			var objTarget = document.getElementById(objTargetName);
			var objSource = document.getElementById(elm);
            
            if(objTarget.position!="absolute")
            {
		        objTarget.position = "absolute";
		        objTarget.style.left = x - 20 - 57;
		        objTarget.style.top = y - 150 - 2;
    			
		        pAssetId=pAssetId+'';
    			
		        if(pAssetId.length>0)
		        {
		            strImage="/blob.asp?id="+pAssetId;
		        }
		        else
		        {
		            strImage=pPicUrl;			   
		        }
    											    
		        strHTML = "<IMG SRC="+strImage+" ALT='' WIDTH='"+pWidth+"' HEIGHT='"+pHeight+"' BORDER='0'>";			    
		        objTarget.innerHTML = strHTML;	
		    }

            objSource.style.display="none"; 
			objTarget.style.display="inline";
}

function HideImageInline(elm, objTargetName) 
{
            var objTarget = document.getElementById(objTargetName);
            var objSource = document.getElementById(elm);
            
            objSource.style.display="inline";
            objTarget.style.display="none";	
}

function findPosX(obj) 
{
	var curleft = 0;
	if (obj.offsetParent) 
	{
		while (obj.offsetParent) 
		{
			curleft += obj.offsetLeft;
			obj = obj.offsetParent;
		}
	} 
	else 
	{
		if (obj.x) 
		{
			curleft += obj.x;
		}
	}
	return curleft;
}
function findPosY(obj) 
{
	var curtop = 0;
	if (obj.offsetParent) 
	{
		while (obj.offsetParent) 
		{
			curtop += obj.offsetTop;
			obj = obj.offsetParent;
		}
	} 
	else 
	{
		if (obj.y) 
		{
			curtop += obj.y;
		}
	}
	return curtop;
}
