function FillSpan(series, porter)
{
    PageMethods.SetResultDetails(series, porter, DisplayPopup);
    
    function DisplayPopup(result, context, methodName)
    {
        if(result && result != "")var resultXML = GetDomXMLResult( result);
        if(!result) alert("no result");
               
        var detail = $get('ResultPopUp');
                
        FormatResults( detail, resultXML );
    }
    var modalPopupBehavior = $find('showingResultsBehavior');
    modalPopupBehavior._backgroundElement.style.top = '0px'
    modalPopupBehavior.show();
   
}


function GetDomXMLResult( result)
{

  try //Internet Explorer
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async="false";
  xmlDoc.loadXML(result);
  }
catch(e)
  {
  try //Firefox, Mozilla, Opera, etc.
    {
    parser=new DOMParser();
    xmlDoc=parser.parseFromString(result,"text/xml");
    }
  catch(e) {}
  }
 
  return xmlDoc;
}

function FormatResults( resultPanel, myReturnNode )
{


                        var h = document.getElementById('PaintHeader');
                        h.innerHTML = myReturnNode.getElementsByTagName('Paint')[0].attributes.getNamedItem("Name").nodeValue;
                        var linkhtml = "http://ppggreen.buzzhoney.com/pdf/td/"+ myReturnNode.getElementsByTagName('Paint')[0].attributes.getNamedItem("Series").nodeValue  +"_TD.pdf";
                        h.parentNode.href = linkhtml;
                        
                        //need to rework for multiple categories                                              
                       
                        var childCategories = myReturnNode.getElementsByTagName('Category');
                        
                        var firstLoop = true;
                        var tempCat = "";
                        for(var c = 0; c< childCategories.length; c++)
                        {
                            if(firstLoop)
                            {
                                tempCat += childCategories[c].childNodes[0].nodeValue;
                                firstLoop = false;
                            }
                            else
                            {
                                tempCat += ", " + childCategories[c].childNodes[0].nodeValue;
                            }
                           
                        }   
                        
                        document.getElementById('Category').innerHTML = tempCat;
                        
                        var alink = document.createElement('a');
                        alink.href = linkhtml;
                        alink.target = "_blank";
                        alink.innerHTML = myReturnNode.getElementsByTagName('Paint')[0].attributes.getNamedItem("Series").nodeValue;
                        alink.className ="seriesLink";
                        
                        var pdfSeries = document.createElement('div');
                        pdfSeries.className = "pdfDiv";
                        
                       
                       
                        var series = document.getElementById('Series');
                        while (series.childNodes[0]){series.removeChild(series.childNodes[0]);};
                        series.appendChild(pdfSeries);
                        series.appendChild(alink);
                        
                        
                        document.getElementById('Resin').innerHTML = myReturnNode.getElementsByTagName('Resin')[0].childNodes[0].nodeValue;
                        
                        document.getElementById('VOC').innerHTML = "< " + myReturnNode.getElementsByTagName('VOC')[0].childNodes[0].nodeValue;
                       
                        document.getElementById('Color').innerHTML = myReturnNode.getElementsByTagName('Color')[0].childNodes[0].nodeValue;
                       
                        document.getElementById('Gloss').innerHTML = myReturnNode.getElementsByTagName('Gloss')[0].childNodes[0].nodeValue;

                        //need to cycle through nodes and add pdf references
                        
                       var primerstable = document.getElementById('PrimersTable');
                       var tbody = document.createElement('tbody');
                   
                       for(l = primerstable.childNodes.length-1; l>=0;l--)
                       {
                        primerstable.removeChild(primerstable.childNodes[l]);
                       }
                       primerstable.appendChild(tbody);
                       
                       var xl = myReturnNode.getElementsByTagName('Primers');
                       
                        //need to sort the order of Ferrous metal, aluminum, galvanized metal
                        //search the results and grab indexs
                        var fer =  null;
                        var alum = null; 
                        var  gal = null ;      
                                
                        var primersArray = new Array();   
                              
                              
                        for (i=0;i<xl.length;i++)
                        {
                            //get the inner text, find the node in the main list and add its pdf to this node as attribute
                            var mytr =document.createElement('tr');
                            var mytd = document.createElement('td');
                            
                            
                            
                            mytr.appendChild(mytd);
                            
                            //tbody.appendChild(mytr);  
                            Array.add(primersArray,mytr);
                            
                            var mytext;
                            

                            
                            switch (xl[i].attributes.getNamedItem("Substrate").nodeValue)
                            {
                                case "GWB":
                                     mytext=document.createTextNode('GWB:');
                                     
                                    break;
                                case "Plaster":
                                    mytext=document.createTextNode('Plaster:');
                                    break;
                                case "Wood":
                                    mytext=document.createTextNode('Wood:');
                                    break;
                                case "CMU":
                                    mytext=document.createTextNode('CMU:');
                                    break;
                                case "Masonry":
                                    mytext=document.createTextNode('Masonry:');
                                    break;
                                case "Aluminum":
                                    mytext=document.createTextNode('Aluminum:');
                                    alum = mytr;
                                    break;
                                case "Ferrous":
                                    mytext=document.createTextNode('Ferrous Metal:');
                                    fer = mytr;
                                    break;
                                case "Galvanized":
                                    mytext=document.createTextNode('Galvanized Metal:');
                                    gal = mytr;
                                    break;


                            }//end switch
                             mytd.appendChild(mytext);
                             //add second row
                            nexttr = document.createElement('tr');
                            
                            //tbody.appendChild(nexttr);
                            Array.add(primersArray,nexttr);
                           
                            nexttd = document.createElement('td');
                            nexttr.appendChild(nexttd);
                             
                             //populate with primers
                            
                             var primers = xl[i].childNodes[0].nodeValue.split(',');
 
                             
                             if(primers && primers.length>0)
                             {

                                 var pdfDiv = document.createElement('div');
                                 pdfDiv.className = "pdfDiv";
                                 nexttd.appendChild(pdfDiv);
                                 
                                 for(p =0; p< primers.length; p++)
                                 {
                                        nexta = document.createElement('a');
                                        nexta.target = "_blank";
                                        nexta.href="http://ppggreen.buzzhoney.com/pdf/td/"+ primers[p]+"_TD.pdf";
                                        atxt = document.createTextNode(primers[p]);
                                        nexta.appendChild(atxt);
                                        
                                        nexttd.appendChild(nexta);
                                        nexttd.appendChild(document.createTextNode('  '));
                                 }
                             }//end if primers
                      }//end for
                      
                      
                      //add the sorted elements of primersArray
                      //sort the array
                      
                      
                      var temp =  Array.indexOf(primersArray,fer,0);
                      var tempval; 
                      if(temp>-1) 
                      {
                        tempval = primersArray[temp+1];
                        Array.removeAt(primersArray, temp+1);
                        Array.removeAt(primersArray, temp);
                        Array.add(primersArray,fer); 
                        Array.add(primersArray,tempval);
                      }
                      
                      temp =  Array.indexOf(primersArray,alum,0);
                      if(temp>-1) 
                      {
                        tempval = primersArray[temp+1];
                        Array.removeAt(primersArray, temp+1);
                        Array.removeAt(primersArray, temp);
                        Array.add(primersArray,alum); 
                        Array.add(primersArray,tempval);
                      }
                      

                      temp =  Array.indexOf(primersArray,gal,0);
                      if(temp>-1) 
                      {
                        tempval = primersArray[temp+1];
                        Array.removeAt(primersArray, temp+1);
                        Array.removeAt(primersArray, temp);
                        Array.add(primersArray,gal); 
                        Array.add(primersArray,tempval);
                      }
                      
                      for(var arraycount = 0; arraycount<primersArray.length;arraycount++)
                      {
                        tbody.appendChild(primersArray[arraycount]);
                      }
                         
                           
                           
                        var leed = myReturnNode.getElementsByTagName('Leed');
                        var strleed = leed[0].childNodes[0].nodeValue;
                        
                        document.getElementById('rNC').innerHTML = ((strleed.indexOf("NC22",0) >= 0) ? "Yes" : "No");
                        
                        document.getElementById('rCI').innerHTML = ((strleed.indexOf("CI",0) >= 0) ? "Yes" : "No");
                        
                        document.getElementById('rEB').innerHTML = ((strleed.indexOf("EB",0) >= 0) ? "Yes" : "No");
                        
                        document.getElementById('rCS').innerHTML = ((strleed.indexOf("CS",0) >= 0) ? "Yes" : "No");

                        document.getElementById('rCHPS').innerHTML = ((myReturnNode.getElementsByTagName('CHPS')[0]==null)?"No":"Yes");

                        document.getElementById('Packaging').innerHTML = myReturnNode.getElementsByTagName('Packaging')[0].childNodes[0].nodeValue;
                        
                        
}