function alertSize() {
  window.alert( 'Width = ' + myWidth );
  window.alert( 'Height = ' + myHeight );
}

function show_info(w, e) {
    var item = w.parentNode;
    var item_resume = item.getElementsByTagName('div')[0];
    var resume = document.getElementById('resume');
    resume.innerHTML = item_resume.innerHTML;
    
    if (e.pageX == null) {
        var d = (document.documentElement && 
            document.documentElement.scrollLeft != null) ?
            document.documentElement : document.body;
        docX = e.clientX + d.scrollLeft;
        docY = e.clientY + d.scrollTop;
    } else {
        docX = e.pageX;
        docY = e.pageY;
    }
    var pageWidth = 0, pageHeight = 0;
    if( typeof(window.innerWidth) == 'number' ) {
        // Non-IE
        pageWidth = window.innerWidth;
        pageHeight = window.innerHeight;
    } else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        // IE 6+ in 'standards compliant mode'
        pageWidth = document.documentElement.clientWidth;
        pageHeight = document.documentElement.clientHeight;
    } else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
        // IE 4 compatible
        pageWidth = document.body.clientWidth;
        pageHeight = document.body.clientHeight;
    }

    if((docX + 340) > (pageWidth - 20))
        resume.style.left = (docX - 340 - 10) + 'px';
    else
        resume.style.left = (docX + 10) + 'px';
    if((docY + 160) > (pageHeight - 20))
        resume.style.top = (docY - 190 - 10) + 'px';
    else
        resume.style.top = (docY + 10) + 'px';

    resume.style.display = 'block';
    return false;
}

function hide_info(w) {
    var item = w.parentNode;
    var item_resume = item.getElementsByTagName('div')[0];
    var resume = document.getElementById('resume');
    resume.style.display = 'none';
    return false;
}