// JavaScript Document

function showModal ( question, action, buttons )
{
	var divA = document.createElement('div');  // back
	var divB = document.createElement('div');  // msg
	var msg;
	
	divA.id = '_divA';
	divB.id = '_divB';

	// Background
	divA.style.zIndex   = 100;
	divA.style.width    = '100%';
	divA.style.height   = document.body.scrollHeight + 'px';
	divA.style.position = 'absolute';
	divA.style.left     = '0px';
	divA.style.top      = '0px';
	divA.style.opacity  = '.8';
	divA.style.filter   = 'alpha(opacity=80)';
	divA.style.cursor   = 'default';
	divA.style.backgroundColor = '#DDDDDD';

	// Mensagem
	divB.style.zIndex   = 101;
	divB.style.width    = '30%';
	divB.style.height   = '130px';
	divB.style.position = 'absolute';
	divB.style.left     = '34%';
	divB.style.top      = '200px';
	divB.style.padding  = '10px';
	divB.style.backgroundColor = '#FFFFDD';
	divB.style.border   = '4px solid #AAAA88';

	msg  = '<div style="text-align: center">';
	msg += '<div style="font-size: 12px; text-align: left;">' + question + '</div><br><br>';
	
	if ( buttons == 'sn' ) 
	{
		msg += '<input id="sim" value="  Sim  " type="button" onClick="' + action + '" class="button">&nbsp;&nbsp;&nbsp;';
		msg += '<input id="nao" value="  Não  " type="button" onClick="hideModal()" class="button">';
	}
	else if ( buttons == 'ok' ) 
	{
		msg += '<input id="ok" value="  ok  " type="button" onClick="' + action + ';" class="button">';
	}
	else if ( buttons == 'logon' ) 
	{
		msg += '<input id="logon" value="  Entrar  " type="button" onClick="' + action + ';" class="button">&nbsp;&nbsp;&nbsp;';
		msg += '<input id="logon" value="  Fechar  " type="button" onClick="self.close();" class="button">';
	}
	
	msg += '</div';

	divB.innerHTML = msg;

	body = document.getElementsByTagName('body')[0];
	body.appendChild(divA);
	body.appendChild(divB);


}


function hideModal ()
{
	Element.remove ( $('_divA') );
	Element.remove ( $('_divB') );
}