applicationName = 'Skinnable Browser Dialogs';
applicationVersion = '3.0';
applicationAuthor = 'Martin Ivanov';
applicationWebsite = 'http://acidmartin.wemakesites.net/?pageId=BrowserDialogs';
applicationType = 'ijn1875schkoemi9';

function renderMessageBox()
{
	if(messageBoxEnabled)
	{
		var messageBoxBaseCssFile = document.createElement('link');
		messageBoxBaseCssFile.setAttribute('type', 'text/css');	
		messageBoxBaseCssFile.setAttribute('rel', 'stylesheet');
		messageBoxBaseCssFile.setAttribute('href', skinnableBrowserDialogsRootFolder + '/SkinnableBrowserDialogs/Scripts/SkinnableBrowserDialogs.css');
		document.getElementsByTagName('head')[0].appendChild(messageBoxBaseCssFile);
	
		// load message box skin file
		var messageBoxSkinFile = document.createElement('link');
		messageBoxSkinFile.setAttribute('type', 'text/css');	
		messageBoxSkinFile.setAttribute('rel', 'stylesheet');
		messageBoxSkinFile.setAttribute('href', skinnableBrowserDialogsRootFolder + '/SkinnableBrowserDialogs/Skins/' + messageBoxSkin + '/Styles.css');
		document.getElementsByTagName('head')[0].appendChild(messageBoxSkinFile);
	
		var messageBoxElement = document.createElement('div');
		messageBoxElement.setAttribute('id', 'SkinnableBrowserDialogBox');
		messageBoxElement.setAttribute('unselectable', 'on');
		messageBoxElement.className = 'browserdialogs alert';
		messageBoxElement.style.width = messageBoxWidth + 'px';
		messageBoxElement.innerHTML = [
			'<div class="titlebarLeft" unselectable="on">' +
				'<div class="titlebarRight" unselectable="on">' +
					'<em id="dialogTitle" unselectable="on"><!----></em>' +
					'<a href="javascript:void(0)" unselectable="on" class="closeButton" title="Close" onclick="closeMessageBox();"><span>Close</span></a>' +
				'</div>' +
			'</div>' +
			'<div class="contentLeft" unselectable="on">' +
				'<div class="contentRight" unselectable="on">' +
					'<div class="text" unselectable="on">' +
						'<h6 id="MessageBoxTitle" unselectable="on"><!----></h6>' +
						'<p id="MessageBoxText" unselectable="on"><!-- / --></p>' +
						'<div class="promptInput" unselectable="on">' +
							'<input type="text" id="PromptInput" />' +
						'</div>' +
					'</div>' +
					'<div class="buttons" unselectable="on">' +
						'<div id="appType" style="color: black !important; float: left; font-size: 9px !important; display: block !important; visibility: visible !important; text-indent: 0 !important; line-height: 22px !impotrant; position: static !important;">By <a style="color: black !important; display: inline !important; font-weight: normal !important; font-size: 9px !important; border: 0 !important; background: 0 !important; text-decoration: underline !important;" href="' + applicationWebsite + '" target="_blank" title="Powered by Skinnable Browser Dialogs 3.0 Lite">SBD 3.0</a> Lite</div>' +
						'<ul unselectable="on">' +
							'<li unselectable="on"><a href="" unselectable="on" title="' + OkButtonText + '" class="ok" id="OK_Button">' + OkButtonText + '</a></li>' +
							'<li unselectable="on"><a href="javascript:void(0);" unselectable="on" title="' + CancelButtonText + '" class="cancel" id="Cancel_Button" onclick="closeMessageBox();">' + CancelButtonText + '</a></li>' +
						'</ul>' +
					'</div>' +
				'</div>' +
			'</div>' +
			'<div class="footerLeft" unselectable="on">' +
				'<div class="footerRight" unselectable="on"><!-- / --></div>' +
			'</div>'
		];
		
		var messageBoxModalElement = document.createElement('div');
		messageBoxModalElement.className = 'messageBoxModalElement';
		messageBoxModalElement.setAttribute('id', 'messageBoxModalElement');
		document.getElementsByTagName('body')[0].appendChild(messageBoxModalElement);
		document.getElementsByTagName('body')[0].appendChild(messageBoxElement);
		if(applicationType == 'ijn1875schkoemi9')
		{
			$('appType').innerHTML = '';
		}
	}
}

function $(stringId)
{
	return document.getElementById(stringId);
}

function openMessageBox(MessageBoxType, TitleText, MessageBoxTitle, MessageBoxText, CustomOkButtonFunction, DefaultPromptValue)
{
	if(messageBoxEnabled)
	{
		$('PromptInput').style.width = messageBoxWidth - '70' + 'px';
		$('OK_Button').setAttribute('href', 'javascript: ' + CustomOkButtonFunction + '; closeMessageBox()');
		$('SkinnableBrowserDialogBox').className = 'browserdialogs ' + MessageBoxType;
		$('dialogTitle').innerHTML = TitleText;
		$('MessageBoxTitle').innerHTML = MessageBoxTitle;
		$('MessageBoxText').innerHTML = MessageBoxText;
		$('messageBoxModalElement').style.display = 'block';
		$('SkinnableBrowserDialogBox').style.display = 'block';
		$('SkinnableBrowserDialogBox').style.marginTop = '-' + $('SkinnableBrowserDialogBox').offsetHeight / 2 + 'px';
		$('SkinnableBrowserDialogBox').style.marginLeft = '-' + messageBoxWidth / 2 + 'px';
		$('PromptInput').value = DefaultPromptValue;
		$('OK_Button').focus();
	}
}

function closeMessageBox()
{
	$('messageBoxModalElement').style.display = 'none';
	$('SkinnableBrowserDialogBox').style.display = 'none';
}

function initSkinnableBrowserDialogs()
{
	renderMessageBox();
}

/*if(window.attachEvent)
{
	window.attachEvent('onload', function(e)
		{
			initSkinnableBrowserDialogs();
		}
	);
}
else
{
	window.addEventListener('load', function(e)
		{
			initSkinnableBrowserDialogs();		
		}, true	
	);
}*/

function pressEscKeyToClose(e)
{
	var kC = (window.event) ? event.keyCode : e.keyCode;
	var Esc = (window.event) ? 27 : e.DOM_VK_ESCAPE
	if(kC == Esc)
	{
		if($('messageBoxModalElement') != null)
		{
			closeMessageBox();
		}
	}
}

if(window.attachEvent)
{
	document.documentElement.attachEvent('onkeydown', 
		function(e)
		{
			pressEscKeyToClose(e);
		}
	);
}
else
{
	document.documentElement.addEventListener('keypress', 
		function(e)
		{
			pressEscKeyToClose(e);
		}, true
	);
}