conflict between Jquery UI tools

<!-- TAB VIEW SCRIPTS-->

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>

<script type="text/javascript">

$(function() {

var $tabs = $('#tabs').tabs();

$(".ui-tabs-panel").each(function(i){

var totalSize = $(".ui-tabs-panel").size() - 1;

if (i != totalSize) {

next = i + 2;

$(this).append("<a href='#' class='next-tab mover' rel='" + next + "'>Next Page »</a>");

}

if (i != 0) {

prev = i;

$(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'>« Prev Page</a>");

}

});

$('.next-tab, .prev-tab').click(function() {

$tabs.tabs('select', $(this).attr("rel"));

return false;

});

});

</script>

<!--Date picker-->

<link rel="stylesheet" href="js/development-bundle/themes/base/jquery.ui.all.css">

<script src="js/development-bundle/jquery-1.4.4.js"></script>

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

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

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

<!--<link rel="stylesheet" href="js/development-bundle/demos.css">-->

<script>

$(function() {

$( "#settlementDateSD" ).datepicker({

showOn: "button",

buttonImage: "Images/cal.gif",

buttonImageOnly: true

});

});

</script>