Попробуйте заменить
<a id="arrow-l" class="arrow" href="javascript:slide('left');"><img src="/images/arrow-l.png" /></a>
<a id="arrow-r" class="arrow" href="javascript:slide('right');"><img src="/images/arrow-r.png" /></a>
На
<a id="arrow-l" class="arrow" href="#"><img src="/images/arrow-l.png" /></a>
<a id="arrow-r" class="arrow" href="#"><img src="/images/arrow-r.png" /></a>
и добавить такой код
$(document).ready(function() {
$('#arrow-l, #arrow-r').click(function() {
$('#carousel').animate({marginLeft:'200px'}, 'fast');
alert('bida');
});
});
Если alert не вывелся, посмотрите подключен ли jquery. И смотрите ошибки через отладчики