var ow = (self.innerWidth)	? self.innerWidth 	: document.body.clientWidth;
var oh = (self.innerHeight) ? self.innerHeight	: document.body.clientHeight;
var osw = document.body.scrollWidth;
var osh = document.body.scrollHeight;
var sow = 760;
var soh = 500;

var mouseX = 0;
var mouseY = 0;
var dragging = false;

function getMouseXY (e)
{
	if (isIE4)
	{
		mouseX = event.clientX + document.body.scrollLeft;
		mouseY = event.clientY + document.body.scrollTop;
	} else {
		mouseX = e.pageX;
		mouseY = e.pageY;
	} 
	if (mouseX < 0)	{mouseX = 0;}
	if (mouseY < 0)	{mouseY = 0;}  

	return true;
}

function dndStart () { dragging = true; }
function dndMove ()
{
	if (dragging)
	{
		getRef('noteDetails').style.left = mouseX-4+'px';
		getRef('noteDetails').style.top = mouseY-4+'px';
	}
}
function dndStop () { dragging = false; }

function putOverlay (plusdiv, width, height)
{
	osw = document.body.scrollWidth;
	osh = document.body.scrollHeight;

	d = document.getElementById ('overlay');
	d.style.display = 'block';

	ovelrayw = ow > osw ? ow : osw;
	ovelrayh = oh > osh ? oh : osh;
	d.style.width  = ovelrayw + "px";
	d.style.height = ovelrayh + "px";

	d = document.getElementById (plusdiv);
	d.style.width  = width+"px";
	d.style.height = height+"px";
	d.style.left = (ow - width) / 2 + "px";
	t = parseInt (mouseY-150);
	if (t < 0)			{ t = 0; }
	if (t+150+soh > osh)	{ t = osh-soh-150; }
	d.style.top  = (t < 0) ? '0px' : t+'px';
	d.style.display = 'block';

//	alert('o: '+ow+' x '+oh+'\nos: '+osw+' x '+osh);
}

function rmOverlay (plusDiv)
{
	d = document.getElementById ('overlay');
	d.style.display = 'none';
	d = document.getElementById (plusDiv);
	d.style.display = 'none';
}

function singlePonuda (id)
{
	singleOffer (id);
	putOverlay('singleOffer', sow, soh);
}

document.onload = setItUp()

function setItUp ()
{
	document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove = getMouseXY;
}