function showItem(elementId)
{
    if( !document.getElementById(elementId) )    return;
    document.getElementById(elementId).style.display = '';    
}
function hideItem(elementId)
{
    if( !document.getElementById(elementId) )    return;
    document.getElementById(elementId).style.display = 'none';
}
function setImg(elementId, src) {
    if (!document.getElementById(elementId)) return;
    document.getElementById(elementId).src = src;
}

function hideAll() {
    hideItem('divLayer1');
    hideItem('divLayer2');
    hideItem('divLayer3');
    hideItem('divLayer4');
    hideItem('divLayer5');
}
function resetImg() {
    setImg('divImg1', '/images/p1.gif');
    setImg('divImg2', '/images/p2.gif');
    setImg('divImg3', '/images/p3.gif');
    setImg('divImg4', '/images/p4.gif');
    setImg('divImg5', '/images/p5.gif');
}

function showNewLayer(layerID) {

    hideAll();
    resetImg();

    var divItem = 'divLayer' + layerID;
    var imgItem = 'divImg' + layerID;
    var imgSrc = '/images/p' + layerID + '-1.gif';

    showItem(divItem);
    setImg(imgItem, imgSrc);

}