var pu_dragg = false;
var pu_target;
var pu_dX;
var pu_dY;
var pu_fcOk;
var pu_fcCnc;

function pu_msUp(e) {
  if (!pu_dragg) return;
  pu_dragg = false;
}

function pu_msDwn(e) {
  pu_dragg = true;

  var ie = window.event;
  pu_dX = (ie ? window.event.clientX : e.clientX) - pu_target.offsetLeft;
  pu_dY = (ie ? window.event.clientY : e.clientY) - pu_target.offsetTop;
}

function pu_msMv(e) {
  if (!pu_dragg) return;

  var ie = window.event;
  var mouseX = ie ? window.event.clientX : e.clientX;
  var mouseY = ie ? window.event.clientY : e.clientY;

  pu_target.style.left = (mouseX-pu_dX)+'px';
  pu_target.style.top  = (mouseY-pu_dY)+'px';
}

function pu_Ok() {
	document.body.removeChild(pu_target);
	if (pu_fcOk)
	  pu_fcOk();
}

function pu_Cnc() {
  document.body.removeChild(pu_target);
	if (pu_fcCnc)
	  pu_fcCnc();
}
	
function pu_YN(title, html, fcOk, fcCnc) {

  if (document.getElementById('puYN') || document.getElementById('puOK'))
	  return;

	var newDiv = document.createElement('div');
	newDiv.setAttribute('id', 'puYN');
	pu_target = newDiv;

	if (!title)
	title = "Komunikat";

	newDiv.innerHTML = '<div id="pu_title" onmousedown="pu_msDwn(event)" onmousemove="pu_msMv(event)" onmouseup="pu_msUp(event)">'+title+'</div>';
	newDiv.innerHTML = newDiv.innerHTML + '<table id="pu_msg"><tr><td valign="middle">'+html+'</td></tr></table>';
	newDiv.innerHTML = newDiv.innerHTML + '<div id="pu_buts"><img src="ok.png"><img src="cancel.png"></div></div>';
	document.body.appendChild(newDiv);
	var lewe = document.body.clientWidth;
	lewe = (lewe / 2) - 175;
	var gorne = document.body.clientHeight;
	gorne = (gorne / 2) - 92;
	newDiv.style.left = lewe;
	newDiv.style.top = gorne;

	//find ok buton, assign onOk function
	var _ok = document.getElementById("pu_buts").firstChild;
	_ok.onclick = pu_Ok;
	pu_fcOk = fcOk;
	//if (_ok.captureEvents) _ok.captureEvents(Event.CLICK);

	//find cancel buton, assign onCancel function
	var _cancel = _ok.nextSibling;
	_cancel.onclick = pu_Cnc;
	pu_fcCnc = fcCnc;	
	//if (_cancel.captureEvents) _cancel.captureEvents(Event.CLICK);

	//find bar, assign draging functions
	var _bar = document.getElementById("pu_title");
	_bar.onmouseDown = pu_msDwn;
	// if (_bar.captureEvents) _bar.captureEvents(Event.CLICK);
	_bar.onmouseDown = pu_msUp;
	// if (_bar.captureEvents) _bar.captureEvents(Event.CLICK);
	_bar.onmouseDown = pu_msMv;
	// if (_bar.captureEvents) _bar.captureEvents(Event.CLICK);

	//show window
	newDiv.style.display = 'block';
}