var thisEl = this;
thisEl.setAttributeNS ('http://suika.fam.cx/www/style/ui/sidenote#',
'sidenote:auto-positioning', 'true');
var setPositionEv = function () {
var prevSibling = thisEl.SideNotePreviousSibling;
if (prevSibling) {
thisEl.SideNoteSetNewPosition (prevSibling);
}
};
window.addEventListener ('resize', setPositionEv, false);
var setPositionOnLoad = function () {
setPositionEv ();
document.removeEventListener ('mousemove', setPositionOnLoad, false);
};
document.addEventListener ('mousemove', setPositionOnLoad, false);
var setPositionOnLoad2 = function () {
setPositionEv ();
document.removeEventListener ('mousemove', setPositionOnLoad2, false);
};
document.addEventListener ('mousemove', setPositionOnLoad2, false);
/* NOTE: Calls two times so that heights are correct. */
this.addEventListener ('mouseover', setPositionEv, false);
var prev = this.SideNotePreviousSideNote;
var prevVal = 0;
if (prev) {
prevVal = prev.offsetTop + prev.offsetHeight;
}
var bottomVal = prevSibling.offsetTop + prevSibling.offsetHeight;
var topVal = bottomVal - this.offsetHeight;
if (prevVal > topVal) {
topVal = prevVal;
bottomVal = topVal + this.offsetHeight;
}
this.style.top = topVal + 'px';
this.style.bottom = 'auto';
var prev = this.SideNotePreviousSideNote;
var prevVal = 0;
if (prev) {
prevVal = prev.offsetTop + prev.offsetHeight;
}
var topVal = prevSibling.offsetTop + prevSibling.offsetHeight;
if (prevVal > topVal) {
topVal = prevVal;
}
this.style.top = topVal + 'px';
this.style.bottom = 'auto';