function rollout_show(id,activator) {
    if (activator != undefined) {
        document.getElementById(id).style.position = "absolute";
        //document.getElementById(id).style.top = (activator.offsetTop + activator.height)+"px";
        document.getElementById(id).style.left = (activator.offsetLeft)+"px";
        //alert(activator.offsetTop+" bij "+activator.offsetLeft);
        
        if (activator.height == undefined) {
            document.getElementById(id).style.top = (findPos(activator)[1] - 120)+"px";
        } else {
            document.getElementById(id).style.top = (findPos(activator)[1] + activator.height + 10)+"px";
        }
        //document.getElementById(id).style.left = (findPos(activator)[0])+"px";
        //alert(findPos(activator)[1]+" bij "+findPos(activator)[0]);
    }
    document.getElementById(id).style.display = "block";
}
function rollout_hide(id) {
    document.getElementById(id).style.display = '';
    setTimeout("if (document.getElementById('"+id+"').style.display != 'block') document.getElementById('"+id+"').style.display = 'none';",100);
}
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];
}