var Icon_layerSrc='';

function Icon_writeLayers()
{
	document.write(Icon_layerSrc);
}

function Icon_addIcon(img,w,h,Text,i,offsetx,offsety)
{
	if(document.layers)
		document.write("<a name='icon_anchor_"+i+"'></a><a href='#' onmouseover=\"Icon_showToolTip('"+i+"',"+offsetx+","+offsety+");\" onmouseout=\"Icon_hideToolTip('"+i+"');\">"+img+"</a>");
	else
		document.write("<span class='infoBox' id='icon_img_"+i+"' onmouseover=\"Icon_showToolTip('"+i+"',"+offsetx+","+offsety+");\" onmouseout=\"Icon_hideToolTip('"+i+"');\">"+img+"</span>");

	if(document.layers)
		Icon_layerSrc+="<layer name='icon_tooltip_"+i+"' bgcolor='#006633' visibility='hide'>";
	else
		Icon_layerSrc+="<div id='icon_tooltip_"+i+"' style='left:0px;position:absolute;background-color:#FFFFFF;visibility:hidden;width:200px'>";

	Icon_layerSrc+="<table class='tooltip' cellpadding='1' border='0' cellspacing='1' width='200'><tr><td class='main'><span class='tooltip'>"+Text+"</span></td></tr></table>";

	if(document.layers)
		Icon_layerSrc+="</layer>";
	else
		Icon_layerSrc+="</div>";
}

function Icon_showToolTip(i,offsetx,offsety)
{
	if(document.layers)
	{
		a=document.anchors['icon_anchor_'+i];
		t=document.layers['icon_tooltip_'+i];
		t.left=a.x+offsetx;
		t.top=a.y+offsety;
		t.visibility="show";
	}
	else
	{
		a=document.getElementById('icon_img_'+i);
		t=document.getElementById('icon_tooltip_'+i);

		x=a.offsetLeft;
		y=a.offsetTop;
		while((a = a.offsetParent) != null)
		{
			x += a.offsetLeft;
			y += a.offsetTop;
		}

		t.style.left=x+offsetx;
		t.style.top=y+offsety;
		t.style.visibility='visible';
	}
}

function Icon_hideToolTip(i)
{
	if(document.layers)
	{
		t=document.layers['icon_tooltip_'+i];
		t.visibility="hide";
	}
	else
	{
		t=document.getElementById('icon_tooltip_'+i);
		t.style.visibility='hidden';
	}
}