varios script en head- problema

[ArmandoGlam]

tengo en mi pagina dos script... (una notificacion jquery y un datapicker) si llamo primero a un archivo JS me funciona la notificacion y lel datapicker no... si los invierto ... el datapicker si pero ahora la notificacion no o.O

Código:

<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
	
	<link rel="stylesheet" type="text/css" href="sistema.css">
     
    <link rel="stylesheet" type="text/css" href="jquery-ui.css">
      
    <link rel="stylesheet" href="notificacion.css">
    
    <link rel="stylesheet" href="jquery-ui-datapicker.css" />
    
    <script src="jquery-script.js"></script>
    
    <script src="jquery-ui.js"></script>
    
    <script src="notificacion.js"></script>
	
	<script type="text/javascript">
      $(function() {
        $('#mini-notification').miniNotification({ position: 'bottom'});
      });
    </script> 
    
         <script type="text/javascript">   
                $(document).ready(function() {
                $(".borde").addClass('ui-corner-all');
                $("input").addClass('ui-corner-all');
                $("select").addClass('ui-corner-all');
                $("textarea").addClass('ui-corner-all');
                $(".borde td:first").addClass('ui-corner-top');
                $(".borde td:last").addClass('ui-corner-bottom');
            });
       </script> 

    
    <script type="text/javascript" src="datepicker-es.js"></script>
    
        <script type="text/javascript">
		$(function() {
        $( "#datepicker" ).datepicker({
            showOn: "button",
            buttonImage: "Images/calendar.png",
            buttonImageOnly: true
        });
        });
    </script>

con este codigo me funciona el datapicker pero la notificacion se me queda "congelada" y nunca se va...

si invierto estas dos lineas:

<script src="jquery-script.js"></script>

<script src="jquery-ui.js"></script>

me funciona la notificacion pero el datapicker no... help¡¡