function show_preview ( e, info_id ) {
    var preview = document.getElementById('preview');
    if ( preview ) {
        if ( preview.style.display == 'none' ) {
            preview.style.top = '-1000px';
            preview.style.left = '-1000px';
            preview.innerHTML = '<div class="normal-L"><img src="http://template.cocolog-nifty.com/' + info_id + '/img/large_1.gif" width="170" height="170" class="thum-L"></div>';
            preview.style.display='block';
        }
        preview.style.top = getMouseY( e ) - 186 + 'px';
        preview.style.left = getMouseX( e ) - 188 + 'px';
    }
}

function hide_preview () {
    var preview = document.getElementById('preview');
    if ( preview ) {
        preview.style.display='none';
    }
}

function getMouseX( event ) {
    if ( window.opera ) {
            return event.clientX;
    } else if ( document.all && document.getElementById && (document.compatMode=='CSS1Compat') ) {
        return event.clientX+document.documentElement.scrollLeft;
    } else if ( document.all ) {
        return event.clientX+document.body.scrollLeft;
    } else if ( document.layers || document.getElementById ) {
        return event.pageX;
    }
}

function getMouseY( event ) {
    if ( window.opera ) {
        return event.clientY;
    } else if ( document.all && document.getElementById && (document.compatMode=='CSS1Compat') ) {
        return event.clientY+document.documentElement.scrollTop;
    } else if ( document.all ) {
        return event.clientY+document.body.scrollTop;
    } else if( document.layers || document.getElementById ) {
        return event.pageY;
    }
}