// JavaScript Document

function quitar_globos()
{

   globos = document.getElementsByTagName('table');
		   
   var i;
   longitud=globos.length;
	for (i=0;i<longitud;i++) {
		if (globos[i].className=="XBalloon")
		{
			globos[i].style.display="none";		
		}

	} 
}

   var g_lastBalloon;
        
        function showBalloon(evt,titulo,contenido,boton_cerrar)
        {
             

	      
	       globos = document.getElementsByTagName('table');
		   
		   var i;
		   longitud=globos.length;
			for (i=0;i<longitud;i++) {
				if (globos[i].className=="XBalloon")
				{
			        globos[i].style.display="none";		
				}

			} 

			
			
			var pos=getPos(evt);
            
            bl=new XBalloon();
            
            bl.imagesDir="librerias_js/balloms/images";
	        bl.posX=pos[0] - 30;
	        bl.posY=pos[1] - 5;
	     
	        //Customized attributes
			  //titulo
            bl.title= titulo
				//contenido
	        bl.contentHtml= contenido;
	        
			  //ancho
	        bl.width= 650;
	        
			  //mostrar o no el boton de cerrar
	        bl.showCloseButton= boton_cerrar;
	        
			  //evento on close activado  o no
			  evento_close = false;
	        if (evento_close)
	            bl.onClose=onBalloonClose;
	       
			  //ocultado o no automatico 	        
	        bl.autoHide= false;
			  //tiempo de ocultado automatico
	       	bl.autoHideInterval= "20000";
	       	
				       
	       	//TRANSICIONES
				
				//activado o desacticvada la transicion de mostrar
            bl.transShow=true;
				
				//transicion de mostrar, valores:
				 bl.transShowFilter= "progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,duration=0.1);)"			  	//Fade
             //bl.transShowFilter= "progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50);)" 	 	//Pixelate
            // bl.transShowFilter= "progid:DXImageTransform.Microsoft.RandomDissolve();)"				  	//Random Dissolve
           //  bl.transShowFilter= "progid:DXImageTransform.Microsoft.Stretch(stretchstyle=SPIN);)"	  	//Streatch
            
	        	        
				//activado o desacticvada la transicion de cerrar		  
	        bl.transHide= true;
			  
			  //transiciones de cerrar, valores:
				   bl.transHideFilter = "progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);)"       	// Fade
             //bl.transHideFilter = "progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50);)" 	// Pixelate
            // bl.transHideFilter = "progid:DXImageTransform.Microsoft.RandomDissolve();)"					// Random Dissolve
            // bl.transHideFilter = " progid:DXImageTransform.Microsoft.Stretch(stretchstyle=SPIN);)"	// Streatch

	       	       
	       	/*
	       	//contenido de una capa que se encuentra en la página
	       	ddl=document.getElementById("ddlContentDivID");
	       	var contentDivID=ddl.options[ddl.selectedIndex].value;
	       	
	       	if (contentDivID!="")
	       	{
	       	    bl.contentHtml="";
	       	    bl.contentDivID=contentDivID;
	       	   
					 // si se ocultaran o no las capas visibles con el contenido 
	       	    bl.allowContentClone= false;
	       	}

	           */  
	        bl.show();   
	        
	        g_lastBalloon=bl;
        }
        
      
       
        
        function getPos(e) 
        {
            var posx = 0;
            var posy = 0;

            if (!e) var e = window.event;
            if (e.pageX || e.pageY) 	
            {
                posx = e.pageX;
                posy = e.pageY;
            }
            else if (e.clientX || e.clientY) 	
            {
                posx = e.clientX + document.body.scrollLeft
	                + document.documentElement.scrollLeft;
                posy = e.clientY + document.body.scrollTop
	                + document.documentElement.scrollTop;
	        }
        	
	        TRACE("getPos " + posx + ", " + posy);


            var pos=new Array();
            pos[0]=posx;
            pos[1]=posy;
            return pos;
        }
	        
	        
        function onBalloonClose(balloon)
        {
            alert("onBalloonClose balloon.title=" + balloon.title);
        }
    
    
        function onGetPopupHtml()
        {   
            g_lastBalloon.traceInnerHtml();
        }


        function TRACE(sText)
        {
            var txtTrace=document.getElementById("txtTrace");
            
            if (txtTrace!=null)
	            txtTrace.value = txtTrace.value + sText + "\n";
        }