function showNew(show){
    if (show === true){
        document.getElementById('cover').style.display = 'block';
        document.getElementById('cover').style.opacity = '0.8';
        document.getElementById('new').style.display = 'block';
    }
    else{
        document.getElementById('cover').style.display = 'none';
        document.getElementById('cover').style.opacity = '0';
        document.getElementById('new').style.display = 'none';
    }
}

function selectMonster(id) {
    if (id == null){
        document.getElementById('cover').style.display = 'none';
        document.getElementById('cover').style.opacity = '0';
        document.getElementById('viewer').style.display = 'none';
        document.getElementById('viewer_info').innerHTML = '';
        document.getElementById('viewer_info').style_display = 'none';
        document.getElementById('viewer_wait').style_display = 'block';
    }
    else{
        document.getElementById('cover').style.display = 'block';
        document.getElementById('cover').style.opacity = '0.8';
        document.getElementById('viewer').style.display = 'block';
        document.getElementById('viewer_info').innerHTML = '';
        document.getElementById('viewer_info').style_display = 'none';
        document.getElementById('viewer_wait').style_display = 'block';
        var req = new XMLHttpRequest();
        req.onreadystatechange = function() {
            if (this.readyState == 4){
                if (this.status == 200) {
                    document.getElementById('viewer_info').innerHTML = this.responseText;
                    document.getElementById('viewer_info').style.display = 'block';
                    document.getElementById('viewer_wait').style.display = 'none';
                }
                else{
                    alert("Error selecting monster (HTTP status " + this.status + ")");
                    selectMonster(null);
                }
            }
        };
        req.open("POST", "/frame/catalog/", true);
        req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        req.send("id=" + id);
    }
}