자바 스크립트 질문~! [목록에서 미리보기 관련]

솔직하게도 하기와 같은 스크립트가 탐이나서 소스를 가져오고싶은데요..
이를 어떻게 활용해야할지 지식이 전무하여 요청드립니다.
하기와같은 자바 스크립트를 게시판 list 스킨 상단에 넣고
활용하고 싶은데요

--[java script 부분]--
<SCRIPT language="javascript" type="text/javascript">
 var wx;
 var wy;

 function getIt(){
  wx = window.event.clientX;
  wy = window.event.clientY;
 }

 function init() {
  document.onmousemove = getIt;
 }
 

 function showmemo1(title,memo){
  var showmemo = "";

  showmemo = showmemo + "<table border='0' cellspacing='0' cellpadding='0' width='264'>                 ";
  showmemo = showmemo + " <tr>                               ";
  showmemo = showmemo + "  <td width='260'>                           ";
  showmemo = showmemo + "   <table border='0' cellspacing='1' cellpadding='1' width='100%' bgcolor='#B8B6B1'>          ";
  showmemo = showmemo + "    <tr bgcolor='#D8CFC6'>                        ";
  showmemo = showmemo + "     <td height='20' style='padding:0 10 0 0' align='right'>               ";
  showmemo = showmemo + "      <a href='#' onclick='return hiddenmemo()'><img src='/skin/board/aa/img/social/btn_close.gif'></a>      ";
  showmemo = showmemo + "     </td>                           ";
  showmemo = showmemo + "    </tr>                            ";
  showmemo = showmemo + "    <tr bgcolor='#EBEBEB'>                        ";
  showmemo = showmemo + "     <td valign='top'>                        ";
  showmemo = showmemo + "      <table border='0' cellspacing='0' cellpadding='0' width='100%'>            ";
  showmemo = showmemo + "       <tr>                         ";
  showmemo = showmemo + "        <td height='3' bgcolor='#EBEBEB'></td>                ";
  showmemo = showmemo + "       </tr>                         ";
  showmemo = showmemo + "       <tr style='padding:7 0 1 0' align='center'>                ";
  showmemo = showmemo + "        <td bgcolor='#FFFFFF'>                    ";
  showmemo = showmemo + "         <table border='0' cellspacing='1' cellpadding='1' width='238' bgcolor='#C3BEB6'>    ";
  showmemo = showmemo + "          <tr>                      ";
  showmemo = showmemo + "           <td height='20' bgcolor='#F3F2F0' style='padding:5 5 0 10' style='color:#7E541A' >  ";
  showmemo = showmemo + "            <img src='/skin/board/aa/img/icon3.gif' align='absmiddle'>&nbsp;"+title+"     ";
  showmemo = showmemo + "           </td>                     ";
  showmemo = showmemo + "          </tr>                      ";
  showmemo = showmemo + "         </table>                      ";
  showmemo = showmemo + "        </td>                        ";
  showmemo = showmemo + "       </tr>                         ";
  showmemo = showmemo + "       <tr>                         ";
  showmemo = showmemo + "        <td bgcolor='#FFFFFF' align='center'>                ";
  showmemo = showmemo + "         <table border='0' cellspacing='1' cellpadding='1' width='238' bgcolor='#C3BEB6'>    ";
  showmemo = showmemo + "          <tr>                      ";
  showmemo = showmemo + "           <td bgcolor='#FFFFFF' style='padding:10 10 10 10'>          ";
  showmemo = showmemo + "            <table border='0' cellspacing='0' cellpadding='0' width='100%'>      ";
  showmemo = showmemo + "             <tr>                   ";
  showmemo = showmemo + "              <td style='color:#7E541A'>"+memo+"</td>          ";
  showmemo = showmemo + "             </tr>                   ";
  showmemo = showmemo + "            </table>                   ";
  showmemo = showmemo + "           </td>                     ";
  showmemo = showmemo + "          </tr>                      ";
  showmemo = showmemo + "         </table>                      ";
  showmemo = showmemo + "        </td>                        ";
  showmemo = showmemo + "       </tr>                         ";
  showmemo = showmemo + "       <tr bgcolor='#FFFFFF'>                     ";
  showmemo = showmemo + "        <td height='8'></td>                    ";
  showmemo = showmemo + "       </tr>                         ";
  showmemo = showmemo + "      </table>                         ";
  showmemo = showmemo + "     </td>                           ";
  showmemo = showmemo + "    </tr>                            ";
  showmemo = showmemo + "   </table>                            ";
  showmemo = showmemo + "  </td>                              ";
  showmemo = showmemo + "  <td width='4' bgcolor='#E4E2DE'></td>                      ";
  showmemo = showmemo + " </tr>                               ";
  showmemo = showmemo + " <tr>                               ";
  showmemo = showmemo + "  <td colspan='2' height='4' bgcolor='#E4E2DE'></td>                   ";
  showmemo = showmemo + " </tr>                               ";
  showmemo = showmemo + "</table>                                                                                                 ";

  idw = document.all.memo.style.pixelWidth;
  clw = document.body.clientWidth;

  idw = clw - idw - 260;

//  alert(window.event.clientX);
//  alert(window.event.clientY);

//  document.all.memo.style.pixelLeft = document.body.scrollLeft + wx + 10 + '';
//  document.all.memo.style.pixelTop = document.body.scrollTop + wy + 20 + '';

  document.all.memo.style.pixelLeft = document.body.scrollLeft + window.event.clientX + 10 + '';
  document.all.memo.style.pixelTop = document.body.scrollTop + window.event.clientY + 20 + '';

  if (document.all.memo.style.pixelLeft > idw) document.all.memo.style.pixelLeft = wx - 300;
  if (document.all.memo.style.pixelLeft < "0px") document.all.memo.style.pixelLeft= 0;

  document.all.memo.innerHTML = showmemo ;
  document.all.memo.style.visibility = "visible";

  return false ; 
 }


이게 가능할까요?
출력은 요렇게요..
echo "<font onMouseover=showmemo1('{$list[$i][subject]}','{$list[$i][wr_content]}')>{$list[$i][subject]}</font>";



게시판 제목에 마우스 업로드시 요렇게 표현되는 기능입니다