/* ##############################################################  Start of Class  ################################################################ */      
      function CPopup(){
               this.PopUp;
                                   
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------ */                          
               this.openImage = function(src, imgWidth, imgHeight, pTitle, pText, palt){
                try{
                   if(this.PopUp){
                      if(this.PopUp.closed == false){
                         this.PopUp.close();
                      }
                   } 
                   var Title = pTitle;
                   var source = src;
                   var PictureWidth = imgWidth;
                   var PictureHeight = imgHeight;
                   var popWidth = imgWidth;
                   var popHeight = imgHeight + 50; 
                   var head; 
                   var body;
                   var foot;  
                   var x = (screen.availWidth / 2) - (popWidth  / 2);
                   var y = (screen.availHeight / 2) - (popHeight / 2); 

                 
                   var Features = "height="+popHeight+",width="+popWidth+",left="+x+",top="+y+",menubar=no,toolbar=no,scrollbars=no,resizable=no,status=no,location=no";
                   this.PopUp = window.open("","test",Features);
                   head = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.1//EN\" \"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd\">\n";
                   head += "<html>\n";
                   head += "<head>\n<title>Los Bomberos - "+palt+"</title>\n";
                   head += "<meta http-equiv=\"imagetoolbar\" content=\"no\" />\n";
                   head += "<style type=\"text/css\">\<!--\n";
                   head += "* {margin:0; padding:0; border: 0; font-size: 1em}";
                   head += "body { background-color:#990000; font-family: Verdana, Arial, Helvetica; font-size:10px; font-weight:normal; line-height:14px;  text-align:center;}\n";
                   head += ".text { text-align:left; font-size:14px; padding-top:4px; padding-bottom:4px; cursor:pointer; font-weight:normal; }\n";
                   head += "img { margin:0px; margin-bottom:10px;}\n";
                   head += "div{ font-size:18px; color:yellow; width:100%; cursor:pointer; height:30px;}\n";
                   head += "--></style> \n";
                   head += "</head>\n";
                   body = "<body onload=\"this.focus();\">\n";
                   body += "<img src=\""+source+"\" border=\"0\" width=\""+imgWidth+"\" height=\""+imgHeight+"\" name=\""+palt+"\"/>\n";
                   body += "<div onclick=\"self.close()\">cerrar / close / schlie&szlig;en</div>\n";
                   foot = "</body></html>";
                   this.PopUp.document.open();
                   this.PopUp.document.write(head+body+foot);
                   this.PopUp.document.close();
                   } catch(e){alert(e); return false;}
                   return true;
          }
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------ */     
          this.closeIt = function(){
           if(this.PopUp){
              this.PopUp.close();
           }     
           return true;
         } 
                                                       
      }/*  EOF of Class ########################################################################################################################## */       
/* ######################################################## EOF of Class ######################################################################### */       
/* ############################################################################################################################################### */       

    



