function initAjax(){
    var xmlhttp = false;
    try{
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }catch(e){
        try{
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }catch (E){
            xmlhttp = false;
        }
    }
    if (!xmlhttp && typeof XMLHttpRequest != 'undefined'){
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
///////////////////////////////////////////////////////////////////////////////
function loadMap(x,y,modo){
    var xmlhttp = initAjax();
    xmlhttp.open('GET','mostrarZoom.php?mode='+modo+'&src_x='+x+'&src_y='+y,true);
    xmlhttp.onreadystatechange = function(){
        if (xmlhttp.readyState == 4){
            document.getElementById('mapa').innerHTML = xmlhttp.responseText;
            isLoadMap(true);
        }
    }
    xmlhttp.send(null);

}
///////////////////////////////////////////////////////////////////////////////
function loadZoom(x,y){
    isLoadMap(false);
    loadMap(x,y,'zoom');
}
///////////////////////////////////////////////////////////////////////////////
function isLoadMap(load){
    if(load == true){
        document.getElementById('mapa').style.visibility = 'visible';
        document.getElementById('cargando_mapa').style.visibility = 'hidden';
    }else{
        document.getElementById('mapa').style.visibility = 'hidden';
        document.getElementById('cargando_mapa').style.visibility = 'visible';
    }
}
///////////////////////////////////////////////////////////////////////////////
function changeZoomNoZoom(type,x,y){
    if(type == 'zoom'){
        document.getElementById('zoom').innerHTML = '<a href="javascript:changeZoomNoZoom(\'nozoom\','+x+','+y+');">no zoom</a>';
        loadZoom(x,y);
    }else{
        document.getElementById('zoom').innerHTML = '<a href="javascript:changeZoomNoZoom(\'zoom\','+x+','+y+');">zoom</a>';
        loadMap(x,y,'normal');
    }
}
///////////////////////////////////////////////////////////////////////////////