ciao ho un problema di conflitto java, mi potete indicare dove inserire le modifiche?

il primo script è il seguente
<script src="mootools/mootools-core.js" type="text/javascript"></script>
<script src="mootools/mootools-more.js" type="text/javascript"></script>
<script src="mootools/format-date.js" type="text/javascript"></script>
<script src="mootools/datepicker.js" type="text/javascript"></script>
<script src="mootools/picker.js" type="text/javascript"></script>
<script src="mootools/picker.attach.js" type="text/javascript"></script>
<script src="mootools/picker.date.js" type="text/javascript"></script>
<script>
Locale.use('nl-NL');
window.addEvent('domready', function(){
new Picker.Date('vista', {
pickerClass: 'datepicker_vista'});
new Picker.Date('input');});
</script>

il secondo script è il seguente
<script type="text/javascript" src="ve-scroll/mootools.js"></script>
<script type="text/javascript" src="ve-scroll/qscroller.js"></script>
</head>
<body>
<div id="qscroller1"></div>
<div class="hide">
<div class="qslide"><img src="ve-scroll/.gif" /></div>
<div class="qslide"><img src="ve-scroll/.gif" /></div>
<div class="qslide"><img src="ve-scroll/.gif" /></div>
<div class="qslide"><img src="ve-scroll/.gif" /></div>
<div class="qslide"><img src="ve-scroll/.gif" /></div>
<div class="qslide"><img src="ve-scroll/.gif" /></div>
<div class="qslide"><img src="ve-scroll/.gif" /></div>
<div class="qslide"><img src="ve-scroll/.gif" /></div>
<div class="qslide"><img src="ve-scroll/.gif" /></div>
</div>
<script type="text/javascript">
<!--
window.addEvent('domready', function() {
var opt = {
duration: 8000,
delay: 0,
auto:true,
onMouseEnter: function(){this.stop();},
onMouseLeave: function(){this.play();}
}
var scroller = new QScroller('qscroller1',opt);
scroller.load();
});
//-->
</script>

attendo vostra amabile consulenza