conflicts between multiple jQuery Code

conflicts between multiple jQuery Code

Hello


I have some javascript code in my page and when I moves one, the other does not work, then I think we should put them in some way but I do not know how.
can someone help me put them in order for it to work all.
thank you

code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Studio RD</title>
<link href="css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
$('#gal1 a').lightBox();
$('#gal2 a').lightBox();
$('#gal3 a').lightBox();

});</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery-latest.js"></script>
<script language="JavaScript" src="scripts/index.js" type="text/javascript"></script>
<style type="text/css">
/*<![CDATA[*/ #topcontrol {
opacity: 3;
z-index: 9000;
} /*]]>*/
</style>
<script type="text/javascript">
$('div#footerBt').click(
function() {
$('#footerContent').animate({"marginBottom": "-=45px"}, "slow");
$(this).animate({"marginBottom": "-=45px"}, "slow").animate({"marginBottom": "+=5px"}, "fast");
$('#fotplug').hide('slow');
});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.validate.pack.js"></script>
<script type="text/javascript" src="scripts/jquery.contactable.js"></script>

<link rel="stylesheet" href="css/contactable.css" type="text/css" />
<style type="text/css">
#content {
background-color:#FDFDFD;
border-left:2px solid #333333;
border-right:2px solid #333333;
margin:0 auto 0;
padding:10px;
position:relative;
width:930px;
height:100%;
}
</style>
<script>
$(function(){
$('#contact').contactable({
subject: 'A Feeback Message'
});
});
</script>
<link href="css/style1.css" rel="stylesheet" type="text/css" />

</head>