/*
javascript:retrieveXML('DisplayDesc.xml','Regulator Concentration','fielddesc','groupKinetics9')

<a onmouseout="javascript:styledPopupClose1()" onmouseover="javascript:retrieveXML('DisplayDesc.xml','Regulator Concentration','fielddesc','groupKinetics9')" href="#"><img width="24" height="24" src="./images/Callout.png"/></a>
*/

function retrieveXML(url,id,mode , groupid ,  counter) {
   mol = id;
   modedata = mode;
   blockid = groupid;
   totalcounter = counter;

   if(modedata == 'fielddesc'){
       OpenPopup1();
   }


   if (url != "") {
     if (window.XMLHttpRequest) { // Non-IE browsers
       req1 = new XMLHttpRequest();
       req1.onreadystatechange = processStateChangeXML;
       try {
         req1.open("GET", url, true);
       } catch (e) {
         alert(e+"here");
       }
       req1.send(null);
     } else if (window.ActiveXObject) { // IE
       req1 = new ActiveXObject("Microsoft.XMLHTTP");
       if (req1) {
         req1.onreadystatechange = processStateChangeXML;
         req1.open("GET", url, true);
         req1.send();
       }
     }
   }

 }

function processStateChangeXML() {
   if (req1.readyState == 4) { // Complete
   	 if (req1.status == 200) { // OK response
           xml = req1.responseXML;
           var html = '';
         var nl = xml.getElementsByTagName('group');
         for( var i = 0; i < nl.length; i++ ) {
             var nli = nl.item(i );
             var attr =   nli.getAttribute("id");
               if(attr == mol)
               {
                   var desc = nli.getElementsByTagName( 'desc' );
                   for( var j = 0; j < desc.length; j++ ) {
                       var t = desc.item(j);

                        var head = null;
                        var img_src = null;
                        var elhead = t.getElementsByTagName( 'head' );
                        if(elhead != null && elhead.item(0) != null)
                        {
                          	head = elhead.item(0).firstChild.nodeValue;
                        }
                        var img = t.getElementsByTagName('img');
                        if(img != null && img.item(0) != null)
                        {
                          	img_src = img.item(0).firstChild.nodeValue;
                        }
                          if(modedata == 'fielddesc'){
                              var eltext = t.getElementsByTagName( 'text' );
                              var text = eltext.item(0).firstChild.nodeValue;
                              if(head != null)
                              	html += "<B><font color = '#B00000'>" + head+"</font></B> : ";
                              if(img_src && img_src != null)
                              	html += "<img src=\"" + img_src + "\" class=\"descImg\"/>";
                            html += text+"<br><br>";
                        }else if(modedata == 'sampleset'){
                              var eltext = t.getElementsByTagName( 'sampledata' );
                              var text = eltext.item(0).firstChild.nodeValue;
                              if(text !=' '){
                                html += head+"::"+text;
                            }
                            if(j < desc.length -1){
                               html += '<br>';
                            }
                        }
                   }
              }
         }
             if(modedata == 'sampleset'){
                 //do_toggle(blockid , 'exp');
                 //var flnm = 'sampleset'+mol;
                 var flnm = 'queryterm'+ totalcounter;
               setDivVisible(flnm,"visible");
               document.getElementById(flnm).innerHTML = html;
             }else if(modedata == 'fielddesc'){
               setDivVisible("desc","visible");
               document.getElementById("desc").innerHTML = html;
           }
      } else {
          alert("Problem: " + req1.statusText);
      }

   }

 }

function OpenPopup1() {
   myPopupRelocate();
   document.getElementById("desc_popup").style.display="block";
   document.body.onscroll = myPopupRelocate;
    window.onscroll = myPopupRelocate;

   }

   function styledPopupClose1() {
    document.getElementById("desc_popup").style.display = "none";
   }

function myPopupRelocate() {
var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset;
  scrolledY = self.pageYOffset;
} else if( document.documentElement && document.documentElement.scrollTop ) {
  scrolledX = document.documentElement.scrollLeft;
  scrolledY = document.documentElement.scrollTop;
} else if( document.body ) {
  scrolledX = document.body.scrollLeft;
  scrolledY = document.body.scrollTop;
}

var centerX, centerY;
if( self.innerHeight ) {
  centerX = self.innerWidth;
  centerY = self.innerHeight;
} else if( document.documentElement && document.documentElement.clientHeight ) {
  centerX = document.documentElement.clientWidth;
  centerY = document.documentElement.clientHeight;
} else if( document.body ) {
  centerX = document.body.clientWidth;
  centerY = document.body.clientHeight;
}

var leftOffset = scrolledX + (centerX - 660) / 2;
var topOffset = scrolledY + (centerY - 200) / 2;

//var leftOffset = scrolledX + (centerX - 150) / 2;
//var topOffset = scrolledY + (centerY - 200) / 2;

document.getElementById("desc_popup").style.top = topOffset + "px";
document.getElementById("desc_popup").style.left = leftOffset + "px";
}