var AjaxServerPageName = "/AjaxHandlers/AjaxResponse.aspx";
//Creating and setting the instance of appropriate xmlHttp Request object to a “xmlHttp” variable
var inputField = '';
var divBuyerGuide = '';
var partID = '';
var lineCode = '';
var waitImage = '';
var textBox ;
function createXmlHttp()
 {
    //Creating object of xmlHttp in IE
    xmlHttp = null;
    try
     {
        xmlHttp = new ActiveXObject("Msxml2.xmlHttp");
     }
     catch (e) 
    {
        try
         {
            //Mozilla
            //xmlHttp = new ActiveXObject("Microsoft.xmlHttp");
            xmlHttp = new XMLHttpRequest();
         }
         catch (oc)
         {
            xmlHttp = null;
         }
    }
}

function openBuyerGuide(controlID,imgID,controlHolder,partNumber,lneCode)
{
    waitImage = imgID;
    partID = partNumber;
    lineCode = lneCode;	

    document.getElementById(waitImage).style.display='block';
    var imgBtnBuyerGuide ='imgBtnBuyerGuide';
    divBuyerGuide = 'divBuyerGuide';
    divBuyerGuide = controlID.replace(/imgBtnBuyerGuide/,'divBuyerGuide');
    var tblName = controlHolder;
    
    var buyerGuideDivs = document.getElementsByTagName('Div');
    for (var index = 0; index <= buyerGuideDivs.length - 1; index++) 
    {
        if (buyerGuideDivs[index].id == divBuyerGuide)
        {
        }
        else  
        {//Close other divBuyerGuide
           if (buyerGuideDivs[index].id.indexOf('BuyerGuide') > 0)
              buyerGuideDivs[index].innerHTML = '';
        }
    }
    
    createXmlHttp();
    var requestUrl;
    var requstType = "GetBuyerGuide";

    requestUrl = AjaxServerPageName + "?ReqType=" + encodeURIComponent(requstType) + "&partid="+encodeURIComponent(partNumber)+ "&lineCode="+lneCode+"&get=recent&nocaching=" + Math.random(); 
    if (xmlHttp)
     {
        xmlHttp.onreadystatechange = getBuyerGuide
        xmlHttp.open("GET", requestUrl, true)
        xmlHttp.send(null)
    }
}

function getBuyerGuide()
{
     if (xmlHttp.readyState == 4)
     {
         if (xmlHttp.status== 200)
            openPopup1();
         else
         {
            alert("There was a problem retrieving data from the server.");
            document.getElementById(waitImage).style.display='none';
         }
     }
 }

function openPopup1()
{
    document.getElementById(waitImage).style.display='none';
    var messageBody = '';
	if (xmlHttp.responseXML != null && xmlHttp.responseXML.documentElement != null)
    {
        xml = xmlHttp.responseXML.documentElement;
        messageBody = "<script language=javascript src=/Script/Common.js></script>";
        messageBody = messageBody + "<div class=blur ><div class=shadow ><div class=content style='overflow:auto;height:400px'>";
        messageBody = messageBody + "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 width=300 >";
        messageBody = messageBody + "<TR><TD valign=top>";
        messageBody = messageBody + "<TABLE WIDTH=100% BORDER=1 CELLPADDING=3 CELLSPACING=0 >";
        messageBody = messageBody + "<TR><TD class=heading valign=top style='white-space: nowrap;'>";
        messageBody = messageBody + "Fitment Guide for "+" "+ lineCode+ " "+partID;
        messageBody = messageBody + "<a onclick='javascript:closeBuyerGuidePopUp();' style='padding-left:120px;cursor:hand;'>Close</a>";
        messageBody = messageBody + "<br/><i><span class='label' style='font-weight:normal;'>This part fits the following vehicles:</span></i>";
        messageBody = messageBody + "</TD></TR>";
        
        for (var count = 0; count <= xml.childNodes.length - 1; count++)
        {
            var record = getInnerText(xml.childNodes[count]);
            var data = record.substring(0,record.indexOf("/"));
            var display = record.substring(data.length+1,record.length);
            messageBody = messageBody + "<TR><TD class=label valign=top>";
            messageBody = messageBody + display;
            messageBody = messageBody + "</TD></TR>";
        }
        messageBody = messageBody + "</TABLE><BR>";
        messageBody = messageBody + "<img align=center id=imgWaitBuyerGuide style=display:none src="+ waitImage +">";
        messageBody = messageBody + "</TABLE></TD></TR><TR><TD><FONT COLOR=#000000 SIZE=1>";
        messageBody = messageBody + "<CENTER><p style=Text-Align:Right><a onclick='javascript:closeBuyerGuidePopUp();' style='cursor:hand;'>Close</a></p></CENTER>";
        messageBody = messageBody + "</FONT></TD></TR></TABLE></DIV>";
        messageBody = messageBody + "</DIV></DIV></DIV>";
    }
    else
    {
        messageBody = "<div class=blur><div class=shadow><div class=content>";
        messageBody = messageBody + "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 width=150px >";
        messageBody = messageBody + "<TR>";
        messageBody = messageBody + "<TD class=infomessage>No information available.";
        messageBody = messageBody + "</TD></TR></TR><TR><TD><FONT COLOR=#000000 SIZE=1>";
        messageBody = messageBody + "<CENTER><p style=Text-Align:Right><a onclick='javascript:closeBuyerGuidePopUp();' style='cursor:hand;'>Close</a></p></CENTER>";
        messageBody = messageBody + "</FONT></TD></TR></TABLE></DIV></DIV></DIV>";
    }
    document.getElementById(divBuyerGuide).style.display = 'block';
    document.getElementById(divBuyerGuide).innerHTML = messageBody;
	
}

 
 function closeBuyerGuidePopUp()
 {
  document.getElementById(divBuyerGuide).style.display = 'none';
    
 } 
 //Returns the node text value
 function getInnerText(node)
 {
     return (node.textContent || node.innerText || node.text);
 }


function displayMessage()
   {
        var messageBody = '';
        var statusMessage = '';
        if (xmlHttp.readyState == 4)
        {
           if (xmlHttp.status == 200)
           {           
           }
           else
               alert("There is some problem while fetching data. Please retry.");
       }
}