Script tags in header need

Script tags in header need

I've been working within Dreamweaver CS6 to create a Phonegap app. Cleaning up some code lately but need a couple of tips from more experienced users. The problem is when I try and reference the newer jquery script it knocks out my page styles. Also I'm using a mix of jquery and jquerymobile scripts but when I try and delete one or the other my pages don't load correctly either. I think I need both scripts but not sure...

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Park Seeker</title>
<link href="jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
</style>
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script type="text/xml"></script>
<script src="cordova.js" type="text/javascript"></script>
<script src="phonegap.js"></script>
<script src="childbrowser.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=3.0.1"></script>
<script type="text/javascript" src="infinite-rotator.js"></script>
</head>