Gettin two date pickers in same form operating!

[phpwannabe25]

Hi,

 

I have a checkin date, and a checkout date on my form, which i want both to have a datepicker form.

 

I have inputed the code for the datapicker along with the relevant links to the js files involved.

Currently, i have the datapicker operating for the checkin date, however it will not function for the check-out date. 

 

the code is below:

<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="calendar.compats.js"></script>
<script type="text/javascript" src="calendar.rc4.js"></script>

<script type="text/javascript">
    window.addEvent('domready', function() {  myCal = new Calendar({ date: 'Y/m/d' }); });

</script>


<tr valign="middle">
  <td width="50%">Check-in Date: (YYYY-MM-DD)</td>
<td width="50%">
<input id="date" name="checkin" type="text" onfocus="myCal" title="Check-in date?"  class="required check-in dates" />
</td>
     </tr>							
<tr valign="middle">
<td width="50%">Check-out Date: (YYYY-MM-DD)</td>
<td width="50%">
<input id="date" name="checkout" type="text" onfocus="myCal" title="Check-out date?"  class="required check-out dates" />
</td>
</tr>

 

 

 

is there any reason why this is occuring?