javascript错误:未定义对象

我正在尝试重用我在另一个页面上使用的一些脚本,但是这个脚本总是出错。

我有一个名为CalendarPopup.js的.js文件。它像这样链接到我的HTML:

<script type="text/javascript" src="/administrator/components/com_arrcard/js/CalendarPopup.js"></script>

这是一个javascript库,它显示一个弹出式日历,用户可以在单击链接时从中选择日期。然后将值放入字段中。下面是显示字段和链接的代码:

<tr id="birthDate">
<td align="left" valign="top">
    <script type="text/javascript">
    var calStart = new CalendarPopup("calendar");
    calStart.showNavigationDropdowns();
    </script>
    Birth Date:
</td>

  <td>
    <input style="width:124px;" type="text" name="birthdate" value="" />
    <a href="#" onclick="calStart.select(document.instantForm.birthdate,'anchorBirthdate','MM/dd/yyyy'); return false;" id="anchorBirthdate">select</a>
  </td>
</tr>

然后有一个div实际保存日历:

<div id="calendar" style="position:absolute;visibility:hidden; background-color:white; layer-background-color:white;"></div>

所有这些在一个页面上都完美无瑕,但在这个新页面上,我得到了错误

CalendarPopup is not defined

在这条线上:

var calStart = new CalendarPopup("calendar");

我错过了什么?我肯定这是很明显的,但我盯着它看太久了,就是看不见。