// JavaScript Document

var Debug =
{
	Activate : true,
	Messages : function (DebugMessage)
	{
		if ( Debug.Activate )
		{
			if ( !document.getElementById('JavaScriptDebuggingMessagesDisplay') )
			{
				var debugDiv = document.createElement('div');
				debugDiv.id = 'JavaScriptDebuggingMessagesDisplay';
				debugDiv.style.display = 'none';
				debugDiv.style.fontSize = '10px';
				debugDiv.style.width = '99.9%';
				debugDiv.style.verticalAlign = 'middle';
				debugDiv.innerHTML = '' +
					'	<table cellspacing=0 cellpadding=0 border=0 style="margin:2px 0px 2px 0px;border:1px solid buttonface;padding:5px 15px 5px 15px;background-color:#ffffff;"> \n' +
					'        <tr> \n' +
					'            <td valign="top"> \n' +
					'                <img src="./debug/Bugs.png"/> \n' +
					'            </td> \n' +
					'            <td> \n' +
					'                 <h4 style="font-size:12pt;">JavaScript Debugging Information!</h4> \n' +
					'	            <p style="margin:12px 0px 0px 0px;"> \n' +
					'                    <ul id="JavaScriptDebuggingMessageList"> \n' +
					'                    </ul> \n' +
					'	            </p> \n' +
					'            </td> \n' +
					'        </tr> \n' +
					'    </table> \n' +
					'';
				document.getElementById('KeypressCaptureZone').appendChild(debugDiv );
			}
			if ( document.getElementById('JavaScriptDebuggingMessagesDisplay') && DebugMessage != '' )
			{
				var debugBox = document.getElementById('JavaScriptDebuggingMessagesDisplay');
				var debugList = document.getElementById('JavaScriptDebuggingMessageList');
				var li = document.createElement('li');
				li.style.fontSize = '10pt';
				var text = document.createTextNode(DebugMessage);
				li.appendChild(text);
				debugList.appendChild(li);
				debugBox.style.display = '';
			}
		}
	}
}