Problema con el jquery.timepickr.js

[CarolJohana]

Buenas tardes muchachos hoy tengo un problema con el jquery time me sale pero no como se muestra en el demo talvez uds me puedan ayudar a encontar el error

$(function(){

$("#hora").timepickr();

});

estas son las librerias

<script type="text/javascript" src="Libreria/js/ui.js"></script>
<script type="text/javascript" src="Libreria/js/jquery.mousewheel.3.0.2/jquery.mousewheel.js"></script>
<script type="text/javascript" src="Libreria/js/jquery.timepicker.js"></script>
<script type="text/javascript" src="Libreria/js/jquery.utils.js"></script>
<script type="text/javascript" src="Libreria/js/jquery.strings.js"></script>
<script type="text/javascript" src="Libreria/js/ui.dropslide.js"></script>
<script type="text/javascript" src="Libreria/js/ui.timepickr.js"></script>

html

<p>
<label>Hora</label>
</p>
<p>
<input id="hora" type="text" value="12:00" style="width:80px">
<img src="images/time.PNG" alt="Time" border="0" style="position:absolute;margin:4px 0 0 6px;" id="trigger-test" />
</p>

No me sale el orden sino
1
2
3............ sucesivamente hasta 12 no encuentro ningun error ps todo lo estoy haciendo tal cual como dice el ejemplo

espero que alguien pueda ayudarme

el link de donde saque el ejemplo :
http://haineault.com/media/jquery/ui-timepickr/page/