document.write("<div class='Popup' id='popup' style='display: none;'>");
document.write("<div id='popuptop'></div>");        
document.write("<div id='popupmiddle'></div>");
document.write("<div id='popupbottom'></div>");
document.write("</div>");

var xPopup;
var yPopup;
$$('a.detailsOnHover').addEvent('mouseover', function(event) {
    if (event.pageX || event.pageY) {
        xPopup = event.pageX;
        yPopup = event.pageY;
    }
    else if (event.clientX || event.clientY) {
        xPopup = event.clientX + document.body.scrollLeft
                + document.documentElement.scrollLeft;
        yPopup = event.clientY + document.body.scrollTop
                + document.documentElement.scrollTop;
    }

    PageMethods.RetrievePopupDetails(this.id, OnSucceeded, OnFailed);

});

$$('a.detailsOnHoverAlt').addEvent('mouseover', function(event) {
    if (event.pageX || event.pageY) {
        xPopup = event.pageX;
        yPopup = event.pageY;
    }
    else if (event.clientX || event.clientY) {
        xPopup = event.clientX + document.body.scrollLeft
                + document.documentElement.scrollLeft;
        yPopup = event.clientY + document.body.scrollTop
                + document.documentElement.scrollTop;
    }

    PageMethods.RetrievePopupDetails(this.id, OnSucceededAlt, OnFailed);

});

$$('a.detailsOnHover').addEvent('mouseout', function(event) {
    var popup = $('popup');
    popup.setStyle('display', 'none');
});

$$('a.detailsOnHoverAlt').addEvent('mouseout', function(event) {
    var popup = $('popup');
    popup.setStyle('display', 'none');
});

function OnSucceeded(rtn) {
    var popup = $('popup');
    popup.setStyle('position', 'absolute');
    popup.setStyle('left', (xPopup + 30) + 'px');
    popup.setStyle('top', (yPopup - 40) + 'px');
    var middle = $('popupmiddle');
    middle.setHTML("<img style=\"padding: 0 0 0 0; float: left\" src=\"images/CMESearch/arrow.gif\" />" + rtn);
    popup.setStyle('display', 'block');
}

function OnSucceededAlt(rtn) {
    var popup = $('popup');
    popup.setStyle('position', 'absolute');
    popup.setStyle('left', (xPopup - 250) + 'px');
    popup.setStyle('top', yPopup + 'px');
    var middle = $('popupmiddle');
    middle.setHTML(rtn);
    popup.setStyle('display', 'block');
}

function OnFailed() {
}