Multiplos JavaScript em uma pagina

Front-end
#1

Pessoal, estou utilizando varios javascript na minha pagina, porem quando adiciono o javascript de calendario, os outros param de funcionar e vice versa.

Função do Calendario
<script>

$(function() {
	    $( "#txtData" ).datepicker(
	            {       closeText: 'Fechar',
	                    prevText: '&#x3c;Anterior',
	                    nextText: 'Pr&oacute;ximo&#x3e;',
	                    currentText: 'Hoje',
	                    monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
	                    'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
	                    monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
	                    'Jul','Ago','Set','Out','Nov','Dez'],
	                    dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
	                    dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
	                    dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
	                    weekHeader: 'Sm',
	                    dateFormat: 'dd/mm/yy',
	                    firstDay: 0,
	                    isRTL: false,
	                    showMonthAfterYear: false,
	                    yearSuffix: ''}
	    );
	    $( "#txtData2" ).datepicker(
	            {       closeText: 'Fechar',
	                    prevText: '&#x3c;Anterior',
	                    nextText: 'Pr&oacute;ximo&#x3e;',
	                    currentText: 'Hoje',
	                    monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
	                    'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
	                    monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
	                    'Jul','Ago','Set','Out','Nov','Dez'],
	                    dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
	                    dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
	                    dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
	                    weekHeader: 'Sm',
	                    dateFormat: 'dd/mm/yy',
	                    firstDay: 0,
	                    isRTL: false,
	                    showMonthAfterYear: false,
	                    yearSuffix: ''}
	    );
	  });
</script>
Função do Menu
	<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
	      
    <script src="sliding/jquery.js" type="text/javascript"></script>
	<script src="sliding/general.js" type="text/javascript"></script>    
	<link href="windows8/Style/Interacao.css" rel="stylesheet" type="text/css" />
    <link href="windows8/Style/jq-metro.css" rel="stylesheet" type="text/css" />
    <script src="windows8/Style/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="windows8/Script/jquery.metro-btn.js" type="text/javascript"></script>
 
    
    
<script type="text/javascript">
 $(document).ready(function () {
  $("#metrobuttons").AddMetroSimpleButton('bt1', 'metro-roxo', 'windows8/Style/Imagem/factory-64.png', 'Departamento', 'd01.jsp');
  $("#metrobuttons").AddMetroSimpleButton('bt2', 'metro-laranja', 'windows8/Style/Imagem/coins-64.png', 'Centro de Custo', 'cc01.jsp');
  $("#metrobuttons").AddMetroSimpleButton('bt3', 'metro-light_steel_blue', 'windows8/Style/Imagem/etiqueta.png', 'Etiquetas', 'et01.jsp');
  $("#metrobuttons").AddMetroSimpleButton('bt4', 'metro-LightSlateGray', 'windows8/Style/Imagem/documento.png', 'Documentos', 'doc01.jsp');
 });
</script>

E a pagina toda.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="shortcut icon" href="resources/if.ico"> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>GesDoc - Gestao Documental</title>
<style type="text/css"> 
@import url(styles.css)
</style>
	<link rel="stylesheet" href="javascript/calendario/jquery-ui.css" />
	<script src="javascript/calendario/jquery-1.8.3.js"></script>
	<script src="javascript/calendario/jquery-ui.js"></script>

<!--
	<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
	      
    <script src="sliding/jquery.js" type="text/javascript"></script>
	<script src="sliding/general.js" type="text/javascript"></script>    
	<link href="windows8/Style/Interacao.css" rel="stylesheet" type="text/css" />
    <link href="windows8/Style/jq-metro.css" rel="stylesheet" type="text/css" />
    <script src="windows8/Style/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="windows8/Script/jquery.metro-btn.js" type="text/javascript"></script>
 
    
    
<script type="text/javascript">
 $(document).ready(function () {
  $("#metrobuttons").AddMetroSimpleButton('bt1', 'metro-roxo', 'windows8/Style/Imagem/factory-64.png', 'Departamento', 'd01.jsp');
  $("#metrobuttons").AddMetroSimpleButton('bt2', 'metro-laranja', 'windows8/Style/Imagem/coins-64.png', 'Centro de Custo', 'cc01.jsp');
  $("#metrobuttons").AddMetroSimpleButton('bt3', 'metro-light_steel_blue', 'windows8/Style/Imagem/etiqueta.png', 'Etiquetas', 'et01.jsp');
  $("#metrobuttons").AddMetroSimpleButton('bt4', 'metro-LightSlateGray', 'windows8/Style/Imagem/documento.png', 'Documentos', 'doc01.jsp');
 });
</script>
 -->	

<script>

$(function() {
	    $( "#txtData" ).datepicker(
	            {       closeText: 'Fechar',
	                    prevText: '&#x3c;Anterior',
	                    nextText: 'Pr&oacute;ximo&#x3e;',
	                    currentText: 'Hoje',
	                    monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
	                    'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
	                    monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
	                    'Jul','Ago','Set','Out','Nov','Dez'],
	                    dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
	                    dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
	                    dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
	                    weekHeader: 'Sm',
	                    dateFormat: 'dd/mm/yy',
	                    firstDay: 0,
	                    isRTL: false,
	                    showMonthAfterYear: false,
	                    yearSuffix: ''}
	    );
	    $( "#txtData2" ).datepicker(
	            {       closeText: 'Fechar',
	                    prevText: '&#x3c;Anterior',
	                    nextText: 'Pr&oacute;ximo&#x3e;',
	                    currentText: 'Hoje',
	                    monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
	                    'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
	                    monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
	                    'Jul','Ago','Set','Out','Nov','Dez'],
	                    dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
	                    dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
	                    dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
	                    weekHeader: 'Sm',
	                    dateFormat: 'dd/mm/yy',
	                    firstDay: 0,
	                    isRTL: false,
	                    showMonthAfterYear: false,
	                    yearSuffix: ''}
	    );
	  });
</script>
	
</head>
<body>

 <div id="paginatop">
 	<p align="left"><img src="resources/gesdoc.png" ></p>
 </div>
 <div id="paginatop2">
 	<a href="index.jsp"><img src="resources/logoff.png"></a>
 </div>
 
 <div id="menulateral">
  <div id="metrobuttons" class="metro-panel"></div>
  <div id="metrobuttons2" class="metro-panel"></div>
 </div>

 <div id="paginaconteudo"> 
  <div id="inclusaoMeioRodape">
</br>
</br>
 <form action="docm.jsp" method="post">
  <p align="center"><strong>Cadastro de Documentos</strong></p>
  </br>
  <p><strong>&nbsp;&nbsp; Codigo de Barras     &nbsp;&nbsp;       <input name="txtCodBarras" type="text" size="15"></strong>
     <strong>&nbsp;&nbsp; Cx.Padrão  &nbsp;           <input name="txtCxPadrao" type="text" size="7"></strong>
     <strong>&nbsp;&nbsp; Cx.Box  &nbsp;           <input name="txtCxBox" type="text" size="7"></strong>
     <strong>&nbsp;&nbsp; Item  &nbsp;           <input name="txtItem" type="text" size="7"></strong></p>
 <p><strong>&nbsp;&nbsp;  Coligado  &nbsp; <select style=width:250px name="txtColigado">
     <option value="null" size="45"></option>
  <option value="241" size="35">IF SOLUCTIONS</option>
 </select></strong>
 <strong>&nbsp;&nbsp;&nbsp;  Centro de Custo  &nbsp; <select style=width:250px name="txtCentroCusto">
     <option value="null" size="45"></option>
     <option value="2" size="35">1.0 - COMPRAS</option>
     <option value="3" size="35">2.0 - CONTABIL</option>
 </select></strong></p>
 <strong>&nbsp;&nbsp; Sala &nbsp;  <input name="txtSala" type="text" size="7"></strong>
 <strong>&nbsp; Estante/Prateleira &nbsp;           <input name="txtEstantePrateleira" type="text" size="7"></strong>
 <strong>&nbsp; Posição &nbsp; <select style=width:80px name="txtCentroCusto">
     <option value="null" size="45"></option>
     <option value="0" size="35">0 - Frente</option>
     <option value="1" size="35">1 - Átras</option>
 </select></strong>
     <strong>&nbsp; Cx. Box (Cliente) &nbsp; <input name="txtBoxCliente" type="text" size="7"></strong></p>
 <p><strong>&nbsp; Tipo Doc. &nbsp; <select style=width:90px name="txtTipoDoc">
     <option value="null" size="45"></option>
     <option value="0" size="35">0 - Doc.</option>
     <option value="1" size="35">1 - Livro</option>
     <option value="1" size="35">2 - Pasta</option>
     <option value="1" size="35">3 - Gaveta</option>
  </select></strong>
 <strong>&nbsp;&nbsp; Numero  &nbsp;           <input name="txtNumero" type="text" size="7"></strong>
 <strong>&nbsp;&nbsp; Assunto  &nbsp;&nbsp;    <input name="txtAssunto" type="text" size="46"></strong></p>
 <p><strong>&nbsp;&nbsp; Início  &nbsp; <input name="txtData" id="txtData" type="text" size="7" value=14/03/2014></strong>
    <strong>&nbsp;&nbsp; Fim  &nbsp;    <input name="txtData2" id="txtData2" type="text" size="7" value=14/03/2014></strong></p>
 <p align="center"><input type="submit" value="    Salvar    "></p>
 </form>
</br>
</div>
   
 </div>
 
</body>
</html>

Como posso fazer para todos funcionarem na pasta ?

Grato Pela ajuda.

#2