function hideDetails()
	{
		hideDetailsLayer();
	}

function hideDetailsLayer()
	{
		document.getElementById( DETAILS_LAYER_ID ).style.visibility = "hidden";
	}

function initDetails()
	{
		document.writeln( '<style type="text/css">' +
											'#' + DETAILS_LAYER_ID +
												'{' +
													'background-color:#F9F9F9;' +
													'font-size:11px;' +
													'color:#666666;' +
													'font-weight:bold;' +
													'border:darkgray 1px solid;' +
													'left:0px;' +
													'text-align:center;' +
													'padding:5px;' +
													'position:absolute;' +
													'top:0px;' +
													'visibility:hidden;' +
												'}' +
											'</style>' );
		document.write( '<div id="' + DETAILS_LAYER_ID + '"></div>' );
	}

function showDetailsLayer( detailsText, detailsLayerHeight, detailsLayerWidth )
	{
		var detailsLayer = document.getElementById( DETAILS_LAYER_ID );
		var detailsLayerStyle = detailsLayer.style;

		detailsLayer.innerHTML = "<table style='width:" + detailsLayerWidth + "px'>" +
															"<tr>" +
																"<td height=" + detailsLayerHeight + ">" + detailsText + "</td>" +
															"</tr>" +
														"</table>";

		detailsLayerStyle.top = window.event.y;
		detailsLayerStyle.left = window.event.x;
		detailsLayerStyle.visibility = "visible";
	}