XE로 바꾸면서 기존에 있던 헤더푸터를 통합해 레이아웃으로 코딩하던중 SpryMenuBar의 자바스크립트를
import하는데에 문제가 생겼습니다.

원래본문코드
-----------------------------------------------------------------------------------------------------------------------------------------------
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link href="css/menu.css" rel="stylesheet" type="text/css" />
<link href="css/header.css" rel="stylesheet" type="text/css" />
||||||||||||||||||||||<span class="style13">|||||||||||</span>||||||||||||<span class="style12">||||||||||||||||||||||</span>||||
<ul id="MenuBar1" class="MenuBarHorizontal">
  <li class="style4"><a href="#" class="style4">soulpot</a>
    <ul class="style4">
      <li><a href="we.html" class="style4">-soulpot</a></li>
      <li><a href="vnm.html" class="style4">-v&m</a></li>
      <li><a href="contact.html" class="style4">-contact</a></li>
    </ul>
  </li>
  <li class="style4"><a href="#" class="style4">archives</a>
    <ul class="style4">
      <li><a href="#" class="style4">-v&m</a> </li>
        <li><a href="#" class="style4">-project</a></li>
        <li><a href="#" class="style4">-collaboration</a></li>
    </ul>
  </li>
  <li class="style4"><a href="#" class="style4">magzine</a>
    <ul class="style4">
      <li><a href="#" class="style4">-Frame</a></li>
        <li><a href="#" class="style4">-Re;action</a></li>
        <li><a href="#" class="style4">-Viewpoint</a></li>
        <li><a href="#" class="style4">-insert coin</a></li>
        <li><a href="#" class="style4">-Re;view</a></li>
        <li><a href="#" class="style4">-Re;ply</a></li>
    </ul>
  </li>
  <li class="style4"><a href="#" class="style4">store info</a>
    <ul class="style6">
        <li><a href="#" class="style4">-link</a></li>
        <li><a href="#" class="style4">-map</a></li>
    </ul>
  </li>
  <li class="style4"><a href="#" class="style4 MenuBarItemSubmenu MenuBarItemSubmenu">news</a>
    <ul>
      <li><a href="#" class="style4">-news</a></li>
      <li><a href="#" class="style4">-press</a></li>
    </ul>
  </li>
</ul>
<table width="289" height="28" border="0">
  <tr>
    <td width="102">&nbsp;</td>
    <td width="67">&nbsp;</td>
    <td width="106" class="style4"><u>Mail order </u></td>
  </tr>
</table>
<table width="822" height="55" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="822" height="13">{$content}</td>
  </tr>
  <tr>
    <td height="1" bgcolor="#000000"></td>
  </tr>
  <tr>
    <td height="2" bgcolor="#FFFFFF"></td>
  </tr>
  <tr>
    <td height="1" bgcolor="#000000"></td>
  </tr>
  <tr>
    <td height="36" bgcolor="#FFFFFF"><div align="center"><span class="style4">ⓒ SOULPOT</span></div></td>
  </tr>
</table>
<p>&nbsp; </p>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
------------------------------------------------------------------------------------------------------------------------------------------------------------
변경후/ 노란색부분을 아래와 같이 코딩하고 녹색부분을  meun.js로 따로 저장하여 불러들임
------------------------------------------------------------------------------------------------------------------------------------------------------------
<!--%import("SpryAssets/SpryMenuBar.js")-->
<!--%import("js/meun.js")-->
<!--%import("SpryAssets/SpryMenuBarHorizontal.css")-->
<!--%import("css/menu.css")-->
<!--%import("css/header.css")-->




헌데 다른 css나 자바스크립트는 임포트가 되는데 녹색부분의 따로저장해서 불러들인 것이 도통 먹히질 않습니다.
자바스크립트 초보라 하루종일 머리에서 쥐가 나고 있습니다
고수님들 꼭좀 도와주세요 ㅜㅜ

http://soulpots22.cafe24.com/zbxe/collection#