function showthis(ob) {
    ob.style.display = "block";
}

function getOffsetSum(elem) {
    var top = 0, left = 0;
    
    while(elem) {
        top = top + parseInt(elem.offsetTop);
        left = left + parseInt(elem.offsetLeft);
        elem = elem.offsetParent;
    }
    
    return {top: top, left: left};
}

function showbigicon(ob) {
    var bigiconblock, big, small;

    bigiconblock = document.getElementById('bigiconblock');

    big = bigiconblock.getElementsByTagName('a')[0].getElementsByTagName('img')[0];
    small = ob.getElementsByTagName('img')[0];

    big.src = small.src;
    
    bigiconblock.getElementsByTagName('a')[0].href = ob.href;

    bigiconblock.style.top = getOffsetSum(ob).top - 75 + 'px';
    bigiconblock.style.left = getOffsetSum(ob).left - 60 + 'px';
    
    bigiconblock.style.display = 'block';
}

function hidebigicon() {
    document.getElementById('bigiconblock').style.display = 'none';
}

