Buon giorno a tutti.
Ho questo problema e non riesco a capire come risolverlo.

codice:
<head>
//nella pagina richiamo i file
<script type="text/javascript" src="DatePicker/js/jQuery/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="DatePicker/js/jQuery/ui.datepicker-it.js"></script>
<script type="text/javascript">
$(function() {
   	$.datepicker.setDefaults($.datepicker.regional['it']);
    $(".data:input").datepicker();
});
</script>
<link rel="stylesheet" href="DatePicker/css/jquery-ui-1.7.2.custom.css" type="text/css" />
</head>
<body>
<input class="data" tabindex="1" type="text" name="inputDate" id="inputDate" maxlength="40" size="40" value="<?php echo date("d-m-Y");?>"/>
</body>
Quando carico la pagina mi segnala l'errore: $.datepicker is undefined
e la riga incriminata si riferisce al file ui.datepicker-it.js, all'interno c'è solo questa funzione:
codice:
jQuery(function($){
	$.datepicker.regional['it'] = {//<-- qui genera l'errore:PERCHE'?
		closeText: 'Chiudi',
		prevText: '&#x3c;Prec',
		nextText: 'Succ&#x3e;',
		currentText: 'Oggi',
		monthNames: ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno',
		'Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'],
		monthNamesShort: ['Gen','Feb','Mar','Apr','Mag','Giu',
		'Lug','Ago','Set','Ott','Nov','Dic'],
		dayNames: ['Domenica','Luned&#236','Marted&#236','Mercoled&#236','Gioved&#236','Venerd&#236','Sabato'],
		dayNamesShort: ['Dom','Lun','Mar','Mer','Gio','Ven','Sab'],
		dayNamesMin: ['Do','Lu','Ma','Me','Gio','Ve','Sa'],
		dateFormat: 'dd/mm/yy', firstDay: 1,
		isRTL: false};
	$.datepicker.setDefaults($.datepicker.regional['it']);
});
Come risolvo?
Grazie mille