// JavaScript Document

function message(mHeader, mBody, mAlign){
	
	var transparentDiv = document.createElement('DIV'),
		contentDiv = document.createElement('DIV'),
		mainBg = document.createElement('IMG')
	
		transparentDiv.className='transparentDiv'
		transparentDiv.style.height = document.getElementById('content').offsetHeight
		transparentDiv.style.width = document.getElementById('content').offsetWidth

		contentDiv.className='contentDiv'
		contentDiv.innerHTML = "<h1 id='mHeader'></h1><p id='mBody'></p><a href='#' class='mClose' id='mClose'>Закрыть</a>"
		mainBg.src = "images/blank.gif"
		mainBg.className='mainBg'

		document.body.appendChild(transparentDiv)
		document.body.appendChild(mainBg)
		document.body.appendChild(contentDiv)

		document.getElementById('mHeader').innerHTML = mHeader
		document.getElementById('mHeader').style.paddingTop = mAlign + 'px'
		document.getElementById('mBody').innerHTML = mBody
		document.getElementById('mClose').onclick = mClose;
	
		transparentDiv.style.display = mainBg.style.display = contentDiv.style.display = "block"
	
		function mClose() {
			transparentDiv.parentNode.removeChild(transparentDiv)
			contentDiv.parentNode.removeChild(contentDiv)
			mainBg.parentNode.removeChild(mainBg)
		}
			
		window.onresize = function() {
			transparentDiv.style.height = document.getElementById('content').offsetHeight
			transparentDiv.style.width = document.getElementById('content').offsetWidth
		}
}
