var cX = 0; var cY = 0; var rX = 0; var rY = 0;
function UpdateCursorPosition(e)
  { cX = e.pageX; cY = e.pageY; }

function UpdateCursorPositionDocAll(e)
  { cX = event.clientX; cY = event.clientY;}

if(document.all) 
  { document.onmousemove = UpdateCursorPositionDocAll; }
else 
  { document.onmousemove = UpdateCursorPosition; }

function AssignPosition(d) {
  if(self.pageYOffset) {
	rX = self.pageXOffset;
	rY = self.pageYOffset;
	}
  else if(document.documentElement && document.documentElement.scrollTop) {
	rX = document.documentElement.scrollLeft;
	rY = document.documentElement.scrollTop;
	}
  else if(document.body) { }

  if(document.all) {
	cX += rX; 
	cY += rY;
	}

	d.style.left = (cX+10) + "px";
	d.style.top = (cY) + "px";

}

function HideContent(d) {
  if(d.length < 1) { return; }
	document.getElementById(d).style.display = "none";
}

function ShowContent(d, imgUrl) {
  if(d.length < 1) { return; }
  var dd = document.getElementById(d);
  AssignPosition(dd);
  dd.style.display = "block";
  dd.style.background = "url('"+imgUrl+"') no-repeat center center #FFFFFF";
}

function ReverseContentDisplay(d) {
  if(d.length < 1) { return; }
  var dd = document.getElementById(d);
  AssignPosition(dd);
  if(dd.style.display == "none") 
	{ dd.style.display = "block"; }
  else 
	{ dd.style.display = "none"; }
}

$(window).ready(function() {
	$(document.body).append('<div id="okno" style="display:none; position:absolute; z-index: 200; border: 1px solid #E0E6FD; background-color: white; width: 100px; height: 120px;" />');
});