Salve, ho un problema nel far coesistere due funzioni javascript. Potete aiutarmi?
Separatamente funzionano perfettamente.

Questo è il codice:




codice:
<html>
<head>


<link rel="stylesheet" href="stylesheets/glider.css" type="text/css" media="screen" charset="utf-8">
<script src="stylesheets/prototype.js" type="text/javascript" charset="utf-8"></script>
<script src="stylesheets/effects.js" type="text/javascript" charset="utf-8"></script>
<script src="stylesheets/glider.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="stylesheets/animatedcollapse.js"></script>


<link rel="stylesheet" type="text/css" href="js/dashboard.css" media="screen" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/calendar.rc4.js"></script>
<script type="text/javascript">		
	window.addEvent('domready', function() {
		myCal1 = new Calendar({ da: 'd/m/Y', dp: 'd/m/Y' }, { classes: ['dashboard'], direction: 1, draggable: true, pad: 1, tweak: {x: 3, y: -3} });
	});
</script>

</head>

<body>


<table width="980" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="980" style=" border-left:1px solid #CCC; border-right:1px solid #CCC;">
    <div id="my-glider">
    <div class="scroller">
    <div class="content">
    
    <div class="section" id="section1"><div align="center">[img]images/1b.jpg[/img]</div></div>
    <div class="section" id="section2"><div align="center">[img]images/2b.jpg[/img]</div></div>
    <div class="section" id="section3"><div align="center">[img]images/3b.jpg[/img]</div></div>
    
    </div>
    </div>
    
    </div>
    <script type="text/javascript" charset="utf-8">
    var my_glider = new Glider('my-glider', {duration:0.7});
    </script>	
    </td>
  </tr>
</table>


<form method="post" name="form1" action="agriturismo_san_gimignano_disponibilita.php" enctype="multipart/form-data">            
            <div style="margin:2px 0 0 11px; width:249px; height:10px; background:url(images/barram.gif);"></div>
            <div style="margin:4px 0 0 11px;" class="tm16">MAKE A RESERVATION</div>
            <div style="margin:10px 0 0 11px;">
            <table width="249" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td align="left" valign="top">Data di arrivo</td>
                <td align="left" valign="top">Data di partenza</td>
              </tr>
              <tr>
                <td align="left" valign="top"><input name="da" type="text" class="search" id="da" size="10" maxlength="10" /></td>
                <td align="left" valign="top"><input name="dp" type="text" class="search" id="dp" size="10" maxlength="10" /></td>
              </tr>
            </table>
            </div>
            <div style="margin:5px 0 0 11px;"><input type="image" src="images/cdi.gif" border="0"></div>
            </form> 
</body>
</html>