var xmlHttp;

function Cria_XmlHttpObject(){

    var xmlHttp = null;
    
    //cria o objeto XMLHttpRequest pra firefox, mozila, opera, etc
    try {
        xmlHttp = new XMLHttpRequest();
    }
    
    //cria o objeto XMLHttpRequest pra internet explorer, 6,0 + e posteriormente para internet explorer
    catch (e) {
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        
        catch (e) {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    
    return xmlHttp;
}

/*
o parametro aqui é o codigo do evento a ser carregado, passe o codigo do show, ou etc pelo metodo get.
no PHP: echo "<a href=\"java script: mostraDetalhes();\" onclick=\"return mostraDetalhes('$cod_show')\">Detalhes</a>"
*/
function mostraDetalhes(codigo){
    xmlHttp = Cria_XmlHttpObject();
    
    if (xmlHttp == null) {
        alert('O seu Broswer não suporta AJAX!');
        return;
    }
    
    var objetoHTML = document.getElementById("popup");
    
    //mostrar a div que tá oculta
    objetoHTML.style.display = "block";
    
    // exibe um "Carregando" enquanto a página carrega;
    objetoHTML.innerHTML = "<div id='carregando'>Carregando...</div>" + objetoHTML.innerHTML;
    
    var pagina = "detalhes.php?cod_artista="+codigo;
    
    xmlHttp.open("GET", pagina, true);
    
    
    xmlHttp.onreadystatechange = function(){
        if (xmlHttp.readyState == 4) {
            if (xmlHttp.status == 200) {
                objetoHTML.innerHTML = xmlHttp.responseText;
            }
            else
                if (xmlHttp.status == 404) {
                    objetoHTML.innerHTML = "<div>Página não encontrada.</div>";
                }
        }
    }
    
    
    xmlHttp.send(null);

        return false; //IMPORTANTE para que o atributo href do link não seja ativado.
}

//atribua ao "X" da janela
function fecharDiv(){
    var objetoHTML = document.getElementById("popup");
    objetoHTML.style.display = "none"; //oculta a div
    objetoHTML.innerHTML = ""; //zera o conteudo da div;

}