/*

  © binary, 2007
  • 22.02.2007, 19:20
    • MINI/BETA/SAMPLE
  
  Sampls, kā varētu veidot msg boxus.
  
  Lietošana:
  ShowError('Kļūdas teksts');
  ShowOK('Viss normāli');
  ShowMessage('Kaut kāds teksts', '#000000');
  
  Var aizstāt arī alert() logu ar šiem. Lai to izdarītu, jāizveido f-ja:
  function alert (txt) {
    ShowMessage(txt, '#000000');
  }
  
  Īpatnība - ja vienlaicīgi parāda vairākus msg, tad fons [tas, kas pārklājas pāri visai lapai] kļūst tumšāks [jo katram msg ir savs fons].
  Lai no tā izvairītos, jāizdara 2 lietas:
  1) bgr jādefinē kā globālais mainīgais [t.i., ārpus funkcijām "var bgr = document.createElement('div');" + bgr noformēšana]
  2) kad ver ciet msg, tad jāpārbauda, vai visi pārējie msg ir aizvērti [to var realizēt, ieviešot msgCount mainīgo, kuru palielina par 1, kad parāda
     jaunu msg, un samazina par 1, kad aizver logu; pie aizvēršanas čeko, vai msgCount == 0, ja jā, tad aizvāc bgr]
  3) kad ver vaļā msg box, tad jāpārbauda, vai ir vaļā kāds cits msg; if ( msgCount != 0 ) { parāda bgr }
     pretējā gadījumā bgr pārklāsies pāri jau esošajiem msg boxiem
  
  Skripts vairāk domāts kā sampls, kuru tad katrs var pārveidot, kā nu pašam tīk [piemēram, izveidojot f-ju ShowForm() ;)].
  
*/

function setOpacity (obj, opacity) {
  // IE filter opacity:
  obj.style.filter = "alpha(opacity:" + opacity + ")";
  // Safari and Konqueror:
  obj.style.KHTMLOpacity = opacity / 100;
  // Old Mozilla and Firefox:
  obj.style.MozOpacity = opacity / 100;
  // CSS3 opacity for browsers that support it:
  obj.style.opacity = opacity / 100;
  obj.opac = parseInt(opacity);		
}

function ShowError ( txt ) {
  ShowMessage(txt, '#ff0000');
}

function ShowOK ( txt ) {
  ShowMessage(txt, '#00bb00');
}

function ShowMessage ( txt, textColor ) {
  var bgr                   = document.createElement('div');
  var wnd                   = document.createElement('div');
  var div                   = document.createElement('div');
  var btn                   = document.createElement('input');
  bgr.style.backgroundColor = '#000000';
  bgr.style.position        = 'absolute';
  bgr.style.left            = '0px';
  bgr.style.top             = '0px';
  bgr.style.width           = '100%';
  bgr.style.height          = '100%';
  wnd.style.border          = '3px double #000000';
  wnd.style.backgroundColor = '#ffffff';
  wnd.style.position        = 'absolute';
  wnd.style.textAlign       = 'center';
  wnd.style.padding         = '10px 20px';
  div.style.color           = textColor;
  div.style.fontWeight      = 'bold';
  div.style.paddingBottom   = '10px';
  div.innerHTML             = txt;
  btn.className             = 'btn';
  btn.type                  = 'button';
  btn.value                 = 'OK';
  btn.onclick = function () {
    document.body.removeChild(bgr);
    document.body.removeChild(wnd);
  }
  wnd.appendChild(div);
  wnd.appendChild(btn);
  setOpacity(bgr, 50);
  document.body.appendChild(bgr);
  document.body.appendChild(wnd);
  wnd.style.left = parseInt((document.body.offsetWidth - wnd.offsetWidth) * 0.5) + 'px';
  wnd.style.top = parseInt((document.body.offsetHeight - wnd.offsetHeight) * 0.3) + 'px';
  btn.focus();
}