function onMouseOver(img) {
    if (img != null) {
        if (document.all) {
            img.style.backgroundColor = '#eeeeee';
        }
        img.style.filter = 'alpha(opacity=100)';
    }
}

function onMouseOut(img) {
    if (img != null) {
        if (document.all) {
            img.style.backgroundColor = '#ffffff';
        }
         img.style.filter = 'alpha(opacity=70)';
    }
}

function showImage(img, denumire) {
    if (tablouClientId != null && labelDenumireClientId!=null)  {
    var tablou = document.getElementById(tablouClientId);
    var label = document.getElementById(labelDenumireClientId);
    if (img != null && tablou != null && label!=null)   {
        tablou.src = img.src.replace('mici/','');
        label.innerHTML=denumire;
        }
    }
}

/***region HidePanels ****************************************************************/
function SwitchPanel(id) {
    var elPanel = document.getElementById(id);
    if (elPanel == null) return false;
    if (elPanel.style.display == 'none') {
        ExpandPanel(id);
    }
    else {
        ColapsePanel(id);
    }
    return false;
}

function GetImageIdByPanelId(pnlId) {
    return pnlId.replace(/details/, "Image");
}

function ExpandPanel(id) {
    var elPanel = document.getElementById(id);
    var elImage = document.getElementById(GetImageIdByPanelId(id));
    if (elImage == null) return;
    if (elPanel == null) return;
    elPanel.style.display = 'block';
    elImage.src = './Images/expand.gif';
}

function ColapsePanel(id) {
    var elPanel = document.getElementById(id);
    var elImage = document.getElementById(GetImageIdByPanelId(id));
    if (elImage == null) return;
    if (elPanel == null) return;
    elPanel.style.display = 'none';
    elImage.src = './Images/colapse.gif';
}
/***end region HidePanels ****************************************************************/