var request = false;
   try {
     request = new XMLHttpRequest();
   } catch (trymicrosoft) {
     try {
       request = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (othermicrosoft) {
       try {
         request = new ActiveXObject("Microsoft.XMLHTTP");
       } catch (failed) {
         request = false;
       }  
     }
   }

   if (!request)
     alert("Error initializing XMLHttpRequest!");

   
   
   var http_request = false;
   function makePOSTRequest(url, parameters) {
      http_request = false;
      if (window.XMLHttpRequest) { // Mozilla, Safari,...
         http_request = new XMLHttpRequest();
         if (http_request.overrideMimeType) {
         	// set type accordingly to anticipated content type
            http_request.overrideMimeType('text/xml');
            //http_request.overrideMimeType('text/html');
         }
      } else if (window.ActiveXObject) { // IE
         try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
         }
      }
      if (!http_request) {
         alert('Cannot create XMLHTTP instance');
         return false;
      }
      
      http_request.onreadystatechange = alertContents;
      http_request.open('POST', url, true);
      http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      http_request.setRequestHeader("Content-length", parameters.length);      
      http_request.setRequestHeader("Connection", "close");      
      http_request.send(parameters);
      
      
   }

   function setOpacity( value ) {
     document.getElementById("styled_popup").style.opacity = value / 10;
     document.getElementById("styled_popup").style.filter = 'alpha(opacity=' + value * 10 + ')';
    }

    function fadeInMyPopup() {
     for( var i = 0 ; i <= 100 ; i++ )
       setTimeout( 'setOpacity(' + (i / 10) + ')' , 8 * i );
    }
    
    function fadeOutMyPopup() {
     for( var i = 0 ; i <= 100 ; i++ ) {
       setTimeout( 'setOpacity(' + (10 - i / 10) + ')' , 8 * i );
     }
    
     setTimeout('closeMyPopup()', 800 );
    }
    
    function closeMyPopup() {
     document.getElementById("styled_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 - 250) / 2;
     var topOffset = scrolledY + (centerY - 200) / 2;
     
     
    
     document.getElementById("styled_popup").style.top = topOffset + "px";
     document.getElementById("styled_popup").style.left = leftOffset + "px";
    }
    
      
   function fireMyPopup(event_id) {
         
     //alert (event_id);
     var url = "include_event_details2.php?event_id=" + escape(event_id);     
     request.open("GET", url, true);
     request.onreadystatechange = updatefireMyPopup;
     request.send(null);
   }
   
   function updatefireMyPopup() {
     if (request.readyState == 4) {
       if (request.status == 200) {         
         
        setOpacity( 0 ); 
        myPopupRelocate(); 
        fadeInMyPopup();   
        document.getElementById('styled_popup').style.display = "block";
        document.body.onscroll = myPopupRelocate;
        window.onscroll = myPopupRelocate;
        document.getElementById('styled_popup').innerHTML=request.responseText;
        
        
       } else
         alert("status is " + request.status);
     }
   }