function parseHTML(html) {
    var strRetVal = '';
    var startIndex = html.indexOf('<div id="main">');
    var endIndex = html.indexOf('<div id="endProdInfo">');

    strRetVal = html.substring(startIndex, endIndex);

    return strRetVal;
}

var contact =
{
    XMLHttp: null,
    XMLDoc: null,
    TXTDoc: null,

    getData: function(dataSource) {
        contact.XMLHttp = new XMLHttpRequest();
        contact.XMLHttp.open("GET", dataSource);
        contact.XMLHttp.onreadystatechange = contact.storeData;
        contact.XMLHttp.send();
    },

    storeData: function() {
        if (contact.XMLHttp.readyState == 4 && contact.XMLHttp.status == 200) {
            contact.XMLDoc = contact.XMLHttp.responseXML;
            contact.TXTDoc = contact.XMLHttp.responseText;
            contact.displayData();
        }
    },

    displayData: function() {
        var contentStr = '';
        if (contact.TXTDoc != null)
            contentStr = parseHTML(contact.TXTDoc);
        else {
            contentStr = "Content Not Found";
        }

        //remove new line characters
        contentStr = contentStr.replace(/\n/g, '');
        contentStr = contentStr.replace(/\s/g, ' ').replace(/  ,/g, '');

        //remove single quotes
        contentStr = contentStr.replace(/\'/g, "&quot;");

        tooltipPInfo.showPInfo(contentStr);

    }
};

function DisplayTheOverlay(obj) {
    obj.onmouseover = '';
    var PID = obj.id;
    PID = PID.substring(3);
    //alert(str);

    var Url = "/_layouts/commerceserver/GetProductInfo.aspx?pid=" + PID;

    contact.getData(Url);
    contact.storeData();
    obj.onmouseover = function() { DisplayTheOverlay(this); return false; };
}

function productDetail() {
    var doc = document.body.getElementsByTagName('a');
    for (var i = 0; i < doc.length; i++) {
        var str = doc[i].id;        
        str = str.substring(0, 3);
        if (str == 'pid') {
            var e = document.getElementById(doc[i].id);
            if (e) {
                e.onmouseover = function() { DisplayTheOverlay(this); return false; };
                //e.onclick = function() { DisplayTheOverlay(this); return false; };
            }          
        }
    }
    return true;
}
productDetail();