//---   preload some images 
var incl = 'include/';
if ( depth == 1 )
{
	incl = '../' + incl;
}
var aImg2 = new Array();
var names2 = new Array( "fr41.gif", "fr42.gif", "fr43.gif", "fr44.gif", "fr45.gif", "fr46.gif", "fr47.gif", "fr48.gif", "fr49.gif" );
var len = aImg2.length;
for ( i = len; i < ( names2.length + len ); i++)
{
	aImg2[ i ] = new Image();
	aImg2[ i ].src = incl +names2[ i ];
}
// ie5+ uses document.getElementById too
var ns6 = document.getElementById && !document.all;
var ie4 = document.all;
var eToolTip = null;
var eTitle = null;
var eTip = null;
var Init = false;
//---------------------------
function InitTT()
{
	var tooltip = '\
<div id="idtt" class="tooltip">\
<table border="0" cellspacing="0" cellpadding="0" style="width: 300px; font-size: medium;">\
<tr>\
	<td width="6" height="6" background="'+incl+'fr41.gif"></td>\
	<td background="'+incl+'fr42.gif"></td>\
	<td width="6" background="'+incl+'fr43.gif"></td>\
</tr>\
<tr>\
	<td background="'+incl+'fr44.gif"></td>\
	<td background="'+incl+'fr45.gif">\
		<div id="ttl" style="margin: 0px 0px 4px 0px; font-size: small;">&nbsp;</div>\
		<div id="tip" style="font-weight: bold; border-top: 2px solid white; border-bottom: 2px solid white; padding: 2px 4px 2px 4px; background-color: #ffffcc; color: navy;">&nbsp;</div>\
	</td>\
	<td background="'+incl+'fr46.gif"></td></tr>\
<tr>\
	<td height="6" background="'+incl+'fr47.gif"></td>\
	<td background="'+incl+'fr48.gif"></td>\
	<td width="6" background="'+incl+'fr49.gif"></td></tr>\
</table>\
</div>';
	document.write( tooltip )
	if ( ns6 || ie4 )
	{
		Init = true;
		if ( ns6 )
		{
			eToolTip = document.getElementById( "idtt" );
			eTitle = document.getElementById( "ttl" );
			eTip = document.getElementById( "tip" );
		}	
		else
		{
			eToolTip = document.all.idtt;
			eTitle = document.all.ttl;
			eTip = document.all.tip;
		}
	}		
}
//---------------------------
// obj is the anchor
function TTa( obj, ix )
{
	if ( Init == false ) return;
	var ttl = "<span style='color: white;'>Info bij knop : </span>";
	if ( ns6 )
		ttl += obj.text;
	else
		ttl += obj.innerText;
		
	var left = GetLeft( obj );
	//alert( left + ' - ' + obj.offsetWidth );
	var top = GetTop( obj );
	if ( left > 190 )
	{
		left = 270;
		top = 200;
	}
	left = left + obj.offsetWidth;
	
	eTitle.innerHTML = ttl;
	eTip.innerHTML = tt[ ix ];
	eToolTip.style.left = left + 20 + 'px';
	eToolTip.style.top = top - 20 + 'px';
	eToolTip.style.display = 'block';
}
//---------------------------
function TTb()
{
	if ( Init == false ) return;
	eToolTip.style.display = "none";
	eTitle.innerHTML = "";
	eTip.innerHTML = "";
}
//---------------------------
function GetLeft( obj )
{
	var xPos=obj.offsetLeft;
 	parentObj=obj.offsetParent;
 	while( parentObj != null )
	{
		if ( parentObj.offsetParent != null && parentObj.offsetParent.id == 'canvas' )
		{
			break;
		}
		xPos +=parentObj.offsetLeft;
		parentObj=parentObj.offsetParent
	}
 	return xPos;
}
//---------------------------
function GetTop( obj )
{
	var yPos=obj.offsetTop;
 	parentObj=obj.offsetParent;
 	while( parentObj != null )
	{
		yPos +=parentObj.offsetTop;
		parentObj=parentObj.offsetParent
	}
 	return yPos;
}