selektor daty nie pojawia się po kliknięciu obrazu

Mam skrzypce, które wyświetla selektor daty. ten sam kod, który napisałem poniżej, ale nic się nie dzieje, co robię źle? Kiedy klikam ten zielony kolor, nie jest generowany żaden wybór daty, ale w skrzypcach jest dobrze, gdzie robię źle?

http://jsfiddle.net/cBwEK/10/

<code>  <html>
   <head>
 <script type="text/javascript" src="mootools-yui-compressed.js"></script>//mootools script  
    <script type="text/javascript" src="datepicker.js"></script>     
    <link rel="stylesheet" type="text/css" href="datepicker.css" />

   </head>
   <body>

  <input name='date_allow_empty' type='text' value='' class='date picker' />
  <div id="invokeDP"></div>

      <script type="text/javascript">           
       var dp = new DatePicker('.picker', {
  pickerClass: 'datepicker ',
  allowEmpty: true,
  toggleElements: ['invokeDP']
  });    
     </script>  

   </body>
</html>
</code>

EDYTOWAĆ: Zabrałem wszystkie skrypty do środkahead sekcja, wcześniej te skrypty były wbody Sekcja

questionAnswers(2)

yourAnswerToTheQuestion