function requestPhoto(Idval) {
            var sId = Idval;
            var oXmlHttp = zXmlHttp.createRequest();
            oXmlHttp.open("get", "GetProImg.php?imgid=" + sId, true);
           
            oXmlHttp.onreadystatechange = function () {
                if (oXmlHttp.readyState == 4) {
                
                    if (oXmlHttp.status == 200) {
                        displayPhoto(oXmlHttp.responseText);
                    } else {
                        displayPhoto("An error occurred: " + oXmlHttp.statusText); 
                    }
                    
                } else {
                displayPhoto ('<img src="images/loader.gif" style="width:100%;" alt="cargando..." />');
                }
                           
            };
            oXmlHttp.send(null);
        }
        
        
  function initImage() {
  imageId = 'divProImg';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}


function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;

  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";

  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;

  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;

  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}


function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}
        
        
   
        function displayPhoto(sText) {
            var ProImg = document.getElementById("divProImg");
            ProImg.innerHTML = sText;
            
            initImage ();
        }