extensions.push('tooltip');

function tooltipBegin() {
	//initialMapGui.push('toolTipDiv');
	var tooltiphtml  ='<div id="toolTipDiv" style="position:absolute;top:100px;left:50px; z-index: 9000; visibility: hidden"></div>';
	addExtensionHTML(tooltiphtml);
	mapInfo.setProperty('tooltipState','on');
}


function tooltipToggle(secondary) {
	
	var tooltipState=mapInfo.getProperty('tooltipState');
	if(tooltipState=='off') {
		tooltipState='on';
		document.getElementById('puls_info').onmouseover=null;
		document.getElementById('puls_info').onmouseout=null;
		document.getElementById('puls_info').src='images/b_info_down.gif';
		
		enableEvent('tooltip');
	}
	else {
		tooltipState='off';
		document.getElementById('puls_info').onmouseover=new Function("MM_nbGroup('over','puls_info','images/b_info_roll.gif','images/b_info_roll.gif',1);");
		document.getElementById('puls_info').onmouseout=new Function("MM_nbGroup('out');");
		document.getElementById('puls_info').src='images/b_info.gif';
		disableEvent('tooltip');
		
	}
	mapInfo.setProperty('tooltipState',tooltipState);
	if(!secondary)
		actionEnd();
}

function tooltipTogglePrimary() {
	tooltipToggle(false);
}



function viewTooltip(evt,msg) {
	
	if(mapInfo.getProperty('tooltipState')=='on') {
		/*var fragmentName=evt.target.getParentNode().getAttribute('id');
		if(fragmentName) {
			if(fragmentName.substring(0,2)=='vw')
				fragmentName=fragmentName.substring(2);
			if(fragmentName.indexOf('-')!=-1)
				fragmentName=fragmentName.substring(0,fragmentName.indexOf('-'));
			var layer=map.getLayer(fragmentName);
			layer.select(evt.target.getAttribute('id'));
		}*/
		
		var shape=document.getElementById('toolTipDiv');

		
		var x = evt.clientX+5+mapOffsetX;
		var y = evt.clientY-20+mapOffsetY;
		shape.style.pixelLeft=x;
		shape.style.pixelTop=y;
		shape.innerHTML = '<table id="tooltipTable" style="font-family:Verdana;font-weight:bold;position:absolute;top=0px;left=0px;border:1px;border-color:#222222;border-style:solid;color:white" bgcolor="#B5B5B5" cellpadding="5" cellspacing="0"><tr><td valign="top"><span style="font-size:12px;color:#222222">' + msg + '</span></td></tr></table>';

		shape.style.visibility='visible';
	}
}

function tooltipOff(evt) {
	
	if(mapInfo.getProperty('tooltipState')=='on') {
		/*var fragmentName=evt.target.getParentNode().getAttribute('id');
		if(fragmentName) {
			if(fragmentName.substring(0,2)=='vw')
				fragmentName=fragmentName.substring(2);
			if(fragmentName.indexOf('-')!=-1)
				fragmentName=fragmentName.substring(0,fragmentName.indexOf('-'));
			var layer=map.getLayer(fragmentName);
			layer.deselect();
		}*/
		
		var shape=document.getElementById('toolTipDiv');
		shape.innerHTML='';
		shape.style.visibility='hidden';
	}
}

function tooltipMove(evt) {
	
	if(mapInfo.getProperty('tooltipState')=='on') {
		var shape=document.getElementById('tooltipTable');
		if(shape) {
			var x = evt.clientX+5+mapOffsetX;
			var y = evt.clientY-20+mapOffsetY;
			shape=document.getElementById('toolTipDiv');
			shape.style.pixelLeft=x;
			shape.style.pixelTop=y;
		}
	}
}


function viewTooltipMessage(msg) {
	
	var shape=document.getElementById('tooltipMessages');

		
	var x = event.clientX;
	var y = event.clientY;
	shape.style.pixelLeft=x;
	shape.style.pixelTop=y;
	
	shape.innerHTML = '<table id="tooltipMessageTable" style="font-family:Verdana;font-weight:bold;position:absolute;top=0px;left=0px;border:1px;border-color:#222222;border-style:solid;color:white" bgcolor="#B5B5B5" cellpadding="5" cellspacing="0"><tr><td valign="top"><span style="font-size:12px;color:#222222">' + msg + '</span></td></tr></table>';

	shape.style.visibility='visible';

}

function tooltipMessageOff(evt) {
	
	var shape=document.getElementById('tooltipMessages');
	shape.innerHTML='';
	shape.style.visibility='hidden';
	
}

function tooltipMessageMove(evt) {
	
	var shape=document.getElementById('tooltipMessages');
	if(shape) {
		var x = event.clientX;
		var y = event.clientY;
		
		shape.style.pixelLeft=x;
		shape.style.pixelTop=y;
	}
	
}
