var cur_element_id;
function mouseOver(element) {
    //mouseOut(element_id);

    if (window.ActiveXObject) { // IE

        document.getElementById('C1R1').style.filter = "alpha(opacity=50)";
        document.getElementById('C2R1').style.filter = "alpha(opacity=50)";
        document.getElementById('C3R1').style.filter = "alpha(opacity=50)";
        document.getElementById('C4R1').style.filter = "alpha(opacity=50)";
        document.getElementById('C1R2').style.filter = "alpha(opacity=50)";
        document.getElementById('C2R2').style.filter = "alpha(opacity=50)";
        document.getElementById('C3R2').style.filter = "alpha(opacity=50)";
        document.getElementById('C4R2').style.filter = "alpha(opacity=50)";
        document.getElementById('C1R3').style.filter = "alpha(opacity=50)";
        document.getElementById('C2R3').style.filter = "alpha(opacity=50)";
        document.getElementById('C3R3').style.filter = "alpha(opacity=50)";
        document.getElementById('C4R3').style.filter = "alpha(opacity=50)";
        document.getElementById('C1R4').style.filter = "alpha(opacity=50)";
        document.getElementById('C2R4').style.filter = "alpha(opacity=50)";
        document.getElementById('C3R4').style.filter = "alpha(opacity=50)";
        document.getElementById('C4R4').style.filter = "alpha(opacity=50)";
        document.getElementById('C1R5').style.filter = "alpha(opacity=50)";
        document.getElementById('C2R5').style.filter = "alpha(opacity=50)";

        element.style.filter = "alpha(opacity=100)";
        document.getElementById(element.id.substr(0, 2) + "R1").style.filter = "alpha(opacity=100)";
        document.getElementById("C1" + element.id.substr(2, 2)).style.filter = "alpha(opacity=100)";
    } else {
        document.getElementById('C1R1').style.opacity = "0.5";
        document.getElementById('C2R1').style.opacity = "0.5";
        document.getElementById('C3R1').style.opacity = "0.5";
        document.getElementById('C4R1').style.opacity = "0.5";
        document.getElementById('C1R2').style.opacity = "0.5";
        document.getElementById('C2R2').style.opacity = "0.5";
        document.getElementById('C3R2').style.opacity = "0.5";
        document.getElementById('C4R2').style.opacity = "0.5";
        document.getElementById('C1R3').style.opacity = "0.5";
        document.getElementById('C2R3').style.opacity = "0.5";
        document.getElementById('C3R3').style.opacity = "0.5";
        document.getElementById('C4R3').style.opacity = "0.5";
        document.getElementById('C1R4').style.opacity = "0.5";
        document.getElementById('C2R4').style.opacity = "0.5";
        document.getElementById('C3R4').style.opacity = "0.5";
        document.getElementById('C4R4').style.opacity = "0.5";
        document.getElementById('C1R5').style.opacity = "0.5";
        document.getElementById('C2R5').style.opacity = "0.5";
        
        element.style.opacity = "1";
        document.getElementById(element.id.substr(0, 2) + "R1").style.opacity = "1";
        document.getElementById("C1" + element.id.substr(2, 2)).style.opacity = "1";
    }
}

function mouseOut() {
    if (window.ActiveXObject) { // IE
        document.getElementById('C1R1').style.filter = "alpha(opacity=100)";
        document.getElementById('C2R1').style.filter = "alpha(opacity=100)";
        document.getElementById('C3R1').style.filter = "alpha(opacity=100)";
        document.getElementById('C4R1').style.filter = "alpha(opacity=100)";
        document.getElementById('C1R2').style.filter = "alpha(opacity=100)";
        document.getElementById('C2R2').style.filter = "alpha(opacity=100)";
        document.getElementById('C3R2').style.filter = "alpha(opacity=100)";
        document.getElementById('C4R2').style.filter = "alpha(opacity=100)";
        document.getElementById('C1R3').style.filter = "alpha(opacity=100)";
        document.getElementById('C2R3').style.filter = "alpha(opacity=100)";
        document.getElementById('C3R3').style.filter = "alpha(opacity=100)";
        document.getElementById('C4R3').style.filter = "alpha(opacity=100)";
        document.getElementById('C1R4').style.filter = "alpha(opacity=100)";
        document.getElementById('C2R4').style.filter = "alpha(opacity=100)";
        document.getElementById('C3R4').style.filter = "alpha(opacity=100)";
        document.getElementById('C4R4').style.filter = "alpha(opacity=100)";
        document.getElementById('C1R5').style.filter = "alpha(opacity=100)";
        document.getElementById('C2R5').style.filter = "alpha(opacity=100)";
    } else {
        document.getElementById('C1R1').style.opacity = "1";
        document.getElementById('C2R1').style.opacity = "1";
        document.getElementById('C3R1').style.opacity = "1";
        document.getElementById('C4R1').style.opacity = "1";
        document.getElementById('C1R2').style.opacity = "1";
        document.getElementById('C2R2').style.opacity = "1";
        document.getElementById('C3R2').style.opacity = "1";
        document.getElementById('C4R2').style.opacity = "1";
        document.getElementById('C1R3').style.opacity = "1";
        document.getElementById('C2R3').style.opacity = "1";
        document.getElementById('C3R3').style.opacity = "1";
        document.getElementById('C4R3').style.opacity = "1";
        document.getElementById('C1R4').style.opacity = "1";
        document.getElementById('C2R4').style.opacity = "1";
        document.getElementById('C3R4').style.opacity = "1";
        document.getElementById('C4R4').style.opacity = "1";
        document.getElementById('C1R5').style.opacity = "1";
        document.getElementById('C2R5').style.opacity = "1";
    }
}

/*
function mouseOver(element_id) {
    mouseOut(element_id);

    var element = document.getElementById(element_id);
    element.style.display = "block";
    cur_element_id = element_id;

}

function mouseOut(element_id) {
    if (element_id != cur_element_id) {
        var element = document.getElementById(cur_element_id);
        if (element) {
            element.style.display = "none";
            cur_element_id = "";
        }
    }
}*/