var bsRemoveTimer;
var currentTooltipId = '';
$(document).ready(bsInit);

function bsInit() {
	$("td.blokkenschematd").bind('focus mouseover', bsCreateToolTipForElement);
	$("td.blokkenschematd").bind('blur mouseout', bsStartRemoveAllToolTips);	
}

function bsCreateToolTipForElement(event) {		
	var bsId = this.id;	
	if (currentTooltipId == bsId) {
		bsCancelRemoveTimer();
		return;
	}
	currentTooltipId = bsId;
	var strHtml = $('#'+bsId+'HTML').html();
	if (strHtml.length==0) return;
	var pos = $(this).position();	
	bsCreateToolTip(strHtml, pos.left, pos.top);	
}



function bsCreateToolTip(strHtml, x, y) {
	
	bsRemoveAllToolTips();
	var toolTipDiv = document.createElement('div');	
	toolTipDiv.className = 'blokkenschemaTooltip';
	toolTipDiv.innerHTML = '<div class="blokkenschemaTooltipInner">'+strHtml+'</div>';
	
	
	document.body.appendChild(toolTipDiv);
	$(toolTipDiv).bind('blur mouseout', bsStartRemoveAllToolTips);	
	$(toolTipDiv).bind('focus mouseover', bsCancelRemoveTimer);	
	var height = $(toolTipDiv).height();
	
	var newY = y-height-10;	
	$(toolTipDiv).css('left', x);
	$(toolTipDiv).css('top', newY);
	
}

function bsRemoveAllToolTips() {	
	currentTooltipId = '';
	bsCancelRemoveTimer();
	$('div.blokkenschemaTooltip').remove();
}
	
function bsStartRemoveAllToolTips() {
	bsRemoveTimer = setTimeout("bsRemoveAllToolTips()",400);
}

function bsCancelRemoveTimer() {
	clearTimeout(bsRemoveTimer);
}