var g_id = '';

function hit(id) {
    if (g_id == '') {
        g_id = id;
        showEmptyLayer();
        var url = '/lab/collage/html/' + escape(id) + '.txt';
        if (window.XMLHttpRequest) {
            req = new XMLHttpRequest();
        }
        else if (window.ActiveXObject) {
            req = new ActiveXObject('Microsoft.XMLHTTP');
        }
        req.onreadystatechange = processShow;
        req.open('GET', url, true);
        req.send(null);
    }
}

function showEmptyLayer() {
    var elm = document.getElementById('coverDetail');
    elm.innerHtml = ' ';
    elm.style.display = 'block';
}

function processShow() {
    if (req.readyState == 4 && req.status == 200) {
        var elm = document.getElementById('coverDetail');
        elm.innerHTML = '<div class="closeDetail"><a href="javascript:close()"><img src="/image/close.png" alt="[x]" /></a></div>' +
                req.responseText;
        g_id = '';
    }
}

function close() {
    g_id = '';
    var elm = document.getElementById('coverDetail');
    elm.innerHtml = '&nbsp;';
    elm.style.display = 'none';
}

function hi(i) {
    var elm = document.getElementById('thumb' + i);
    if (elm.style.MozOpacity != undefined || elm.style.filter != undefined) {
        elm.style.MozOpacity = '.4';
        elm.style.filter = 'alpha(opacity=40)';
        elm.style.backgroundColor = 'rgb(255,255,255)';
    }
    else {
        elm.style.border = '2px solid rgb(255,255,255)';
    }

}

function lo(i) {
    var elm = document.getElementById('thumb' + i);
    if (elm.style.MozOpacity != undefined || elm.style.filter != undefined) {
        elm.style.MozOpacity = '0';
        elm.style.filter = 'alpha(opacity=0)';
    }
    else {
        elm.style.border = 'none';
    }
}