function encenderDiv(event, comunidad)
{
    //determina un margen de pixels del div al raton
    margin=5;

    //La variable IE determina si estamos utilizando IE
    var IE = document.all?true:false;
    
    var tempX = 0;
    var tempY = 0;

    if(IE) { 
        //para IE
        tempY = event.clientY + document.body.scrollTop;
        tempX = (event.offsetX + document.body.scrollLeft)+60;
        
    } else { //para netscape

        tempX = event.layerX;
        tempY = event.pageY;
    }
 
    //modificamos el valor del id posicion para indicar la posicion del mouse
    //document.getElementById('posicion').innerHTML="PosX = "+tempX+" | PosY = "+tempY;
    
    document.getElementById('flotante').style.top = ((tempY+margin)-60)+"px";
    document.getElementById('flotante').style.left = ((tempX+margin))+"px";
    document.getElementById('flotante').style.display='block';
    document.getElementById('flotante').innerHTML='<h2 style="padding-top:10px; padding-left:10px; font-size:1em; font-weight:bold;">'+comunidad+'</h2>';
    return;
    
}


function apagarDiv (){
    
    var flotanteDiv = document.getElementById('flotante');
    flotanteDiv.style.display = 'none';
    return;
    
}