var descPopup;
var descCover;
var descProducts = [];

function addDescPopup() {

	var body = document.getElementsByTagName("body")[0];

	descCover = document.createElement("div");
	descCover.id = "desc-cover";
	descCover.style.height = body.offsetHeight + "px";
	Element.extend(descCover);

	descPopup = document.createElement("div");
	descPopup.id = "desc-popup";
	Element.extend(descPopup);

	hideDescPopup();

	body.appendChild(descCover);
	body.appendChild(descPopup);

}
Event.observe(window, "load", addDescPopup);

function hideDescPopup() {
	descPopup.innerHTML = "";
	descPopup.hide();
	descCover.hide();
}

function showDescPopup(i) {
	descPopup.show();
	descPopup.innerHTML = getDescContent(i);
	descPopup.setStyle({
		marginTop: (document.viewport.getScrollOffsets()[1] + (descPopup.offsetHeight / -2)) + "px"
	});
	descCover.show();
}

function getDescContent(i) {
	var desc = descProducts[i];
	desc += "<p><a href='#' onclick='hideDescPopup();return false'><strong>Close</strong></a></p>";
	return desc;
}