function detailed (id,width,height) {
        if (width > 600){
            info_x = document.getElementById('large_img');
            info_x.style.display = "block";
            var winHeight= document.documentElement.clientHeight;
            var    winTop = document.documentElement.scrollTop;
            
            marginLeft = width /2;
            
            if (height >= winHeight/2){
            marginTop = winTop  ;
            }
            else{ marginTop = (height/2)+(winTop)  ;
            }

        getScroll(winHeight);

        shutter_x = document.getElementById('shutter');
        shutter_x.className = "shutter";
        shutter_x.style.height = scrollBar + "px";
        shutter_x.style.margin = '0px 0px 0px 0px';
        shutter_x.onclick = hideShutter;
    
        info_x.className = "largeImg";
        info_x.style.width = width;
        info_x.style.margin =  marginTop +'px 0px 0px -' + marginLeft +'px';
        info_x.innerHTML = "<img src='" + id + "' onclick='hideShutter()' style='cursor:«»pointer' />";
    }
}

function hideShutter () {
    shutter_x = document.getElementById('shutter');
    info_x = document.getElementById('large_img');
    // clear info
    info_x.innerHTML = "";
    info_x.className = "";
    shutter_x.className = "";
    shutter_x.style.height = "0px";
    shutter_x.style.margin = "0px";
    info_x.style.display = "none";
}


function getScroll(winHeight){
    if (navigator.appName == "Microsoft Internet Explorer"){
    scrollBar = document.body.scrollHeight + 22;
    }
    else{
    scrollBar = document.body.scrollHeight + 214;
    }
    if (winHeight > scrollBar){
        scrollBar = winHeight;
    }
    return scrollBar;
}

function size(id,width){
    if (width > 600){
    id.style.cursor = 'pointer';
    id.title = "Click image to view it fullsize";
    }
}