// JavaScript Document
/*CLASS POPUP*/

    function MiPopUp(_div){
      //Inicializo las propiedades y métodos
	  this.ContentDiv = '';
      this.div = _div+'_2';
      this.div0 = 'Face0'+_div;
	  this.div1 = 'Face1'+_div;
      this.div2 = 'Face2'+_div;
      this.width = 300;
      this.height = 300;	  
	  this.display = fDisplay;
	  this.emptyWin = femptyWin;
	  this.loadAjax = floadAjax;
	  this.close = fHide;

	  
	  document.write('<div id="'+this.div1+'" style=" width:100%; height:' + (screen.height + 400) +
					 'px; background:#000000; position:absolute; top:0px; left:0px;  z-index:500; display:none; "></div>'+
					 '<div id="'+this.div0+'" style="width:98%; margin:auto;  position:absolute;'+
					 ' top:0px; left:0px; z-index:501; display:none; "></div>');
	  				  
   }
   function femptyWin(_div,_w){
	   this.ContentDiv = _div;
	   var iniDiv = '<p>&nbsp;</p><p>&nbsp;</p><div style="background:#000000;margin:auto;width:'+_w+'px;"><div id="'+_div+'_frame" style="border:#000000 solid 5px;background:#F3981D;  margin:auto; width:'+_w+'px;"><div id="'+_div+'">';

	   new Effect.Appear(this.div1, { duration: 1.0,from: 0, to: 0.7 });
	   setTimeout('$("'+this.div0+'").style.display = "block";',800);
	   
   	   $(this.div0).innerHTML = iniDiv + '</div></div></div>';
	   Nifty("div#"+_div+"_frame","transparent");
   }
   function floadAjax(_a, _method, axDiv,axUrl, axParams){
	 goAjax(_a, _method, axDiv, axUrl, axParams);
   }
   function fDisplay(_div,_w,_h){
       
	   var iniDiv = '<p>&nbsp;</p><p>&nbsp;</p><div style="background:#000000;margin:auto;width:'+_w+'px;"><div id="'+this.div+'" style=" border:#666666 solid 10px;background:#99CC33;  margin:auto; width:'+_w+'px;">';
	   $(this.div1).style.display = 'block';
   	   new Effect.Opacity(this.div1, { from: 0, to: 0.7 });
	   setTimeout('$("'+this.div0+'").style.display = "block";',800);
	   $(this.div0).innerHTML = iniDiv + $(_div).innerHTML + '</div></div>';
	   Nifty("div#"+this.div,"transparent");
	   
   }
   function fHide(){
      /*$(this.div0).style.display = 'none';*/

	  Effect.Puff(this.ContentDiv+"_frame");
	   new Effect.Opacity(this.div1, { from: 0.7, to: 0 }); 
	   setTimeout('$("'+this.div1+'").style.display = "none";',800);
	   setTimeout('$("'+this.div0+'").style.display = "none";',800);	   
   }
   win = new MiPopUp("popUp");
/*END CLASE POPUP*/
/*
  EJEMPLO:
  <body>
    <input type="button"  onclick="win.display('div1',1000,500);" value="Ok1"/>
    <div id="div1" style="display:none">Hola esto es el text de la ventana1<a href="#" onclick="win.close(); return false;">Close</a></div>
	
   <input type="button"  onclick="win.emptyWin('myNewDivName',50,200);" value="Ok2"/>
  </body>  
*/


