var addEvent = function (obj, type, fn) {
	if (obj.addEventListener) {
		obj.addEventListener(type, fn, false);
	}
	else if (obj.attachEvent) {
		obj["e" + type + fn] = fn;
		obj[type + fn] = function () {
			obj["e" + type + fn](window.event);
		};
		obj.attachEvent("on" + type, obj[type + fn]);
	}
};

var positionFinder = function (obj, xy) {
	var xy = xy || [0, 0];

	xy[0] += obj.offsetLeft;
	xy[1] += obj.offsetTop;

	if (obj.offsetParent) {
		positionFinder(obj.offsetParent, xy);
	}

	return xy;
};

var resLinkDivRemoverTimerBegin = function () {
	window.timer = setTimeout(function () {document.body.removeChild(document.getElementById("reslinkdiv"))}, 500);
};

var resLinkDivRemoverTimerClear = function () {
	if (typeof window.timer !== "undefined") {
		clearTimeout(window.timer);
	}
};

var resLinkOver = function () {
	if (document.getElementById("reslinkdiv") !== null) {
		document.body.removeChild(document.getElementById("reslinkdiv"))
	}
	
	var xy = positionFinder(document.getElementById("a-dates"), [183, -10]);

	var resLinkDiv = document.body.appendChild(document.createElement("div"));
	resLinkDiv.id = "reslinkdiv";
	resLinkDiv.style.position = "absolute";
	resLinkDiv.style.left = xy[0].toString() + "px";
	resLinkDiv.style.top = xy[1].toString() + "px";

	var links = [["https://www.reservations-page.com/c00000/h00053/be.ashx", "New Reservation"], ["https://www.reservations-page.com/C00000/H00053/be.ashx?jsaction=guestprofile", "Modify Reservation"], ["https://www.reservations-page.com/C00000/H00053/be.ashx?jsaction=guestprofile", "Cancel Reservation"]];

	var ul = resLinkDiv.appendChild(document.createElement("ul"));
	
	for (var i = 0; i < links.length; i++) {
		var li = ul.appendChild(document.createElement("li"));
		var a = li.appendChild(document.createElement("a"));
		a.href = links[i][0];
		a.appendChild(document.createTextNode(links[i][1]));
	}

	document.getElementById("a-dates").onmousemove = resLinkDivRemoverTimerClear;
	document.getElementById("a-dates").onmouseout = resLinkDivRemoverTimerBegin;

	resLinkDiv.onmousemove = resLinkDivRemoverTimerClear;
	resLinkDiv.onmouseout = resLinkDivRemoverTimerBegin;
};

addEvent(window, "load", function () {document.getElementById("a-dates").onmouseover = resLinkOver});