JavaScript и расположение окна предварительного просмотра(QuickView)

[siyogi]

Добрый день!

Моя задача расположить окно предварительного просмотра(QuickView, QW) рядом с курсором и заставить его менять положение в зависимости от позиции мышки в браузере. По умолчанию окно отображается под курсором, но если мышь расположена очень низко и QuickView не помещается, то оно отображается над курсором. В целом, код работает. Но возникают некоторые проблемы при прокручивании страницы. В частности, кода я прокручиваю вниз, то все в порядке и QW все время находится в положенном месте(рядом с курсом), но при прокручивании вверх эта функция работает только до тех пор, пока я не достигаю самого верха страницы - тогда окно отображается где-то в стороне(внизу). Возможно, что-то я делаю не так или не все учтено при построении кода. Может, кто-нибудь знающий укажет на недочет?

Dummy code:

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 && document.body.scrollTop) {
		rX = document.body.scrollLeft;
		rY = document.body.scrollTop;
		}

	if(document.documentElement.clientWidth || document.documentElement.clientHeight){
  	  	myWidth = document.documentElement.clientWidth;
  	  	myHeight = document.documentElement.clientHeight;
  	  	}
  	else if(document.body.clientWidth || document.body.clientHeight){
  	  	myWidth = document.body.clientWidth;
  	  	myHeight = document.body.clientHeight;
  	  	}

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

	var divHeight = d.style.height.replace(/px/, "");
	divHeight = parseInt(divHeight);
	
	if(cY>((myHeight-divHeight)+rY))
	{
		cY = cY - divHeight;
		d.style.left = (cX+50) + "px";
		d.style.top = (cY-10) + "px";
	}
	else
	{
		d.style.left = (cX+50) + "px";
		d.style.top = (cY-10) + "px";
	}
}