video light box programming clashing with javascript rotator

these two pieces of code do not work together….whom ever is "first" is the one that works....any ideas any body see something?

examples are here
1) javascript on the bottom of the page doesn't work (the pictures)

http://www.spinnerdesign.co.il/_clients/baybackdentalcare/dev200212/dentist/



2)click on the "play video" within the FAST BRACES box and it doesn't open in its own window

http://www.spinnerdesign.co.il/_clients/baybackdentalcare/dev200212/dentist2/

___________________________________________________________________________________
these two pieces of code do not work together….whom ever is "first" is the one that works


<!-- include jQuery library for image rotator -->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#teeth_rotator').cycle({
fx: 'uncover'
});
$("#top_nav_menu").load('menu.html');
});
</script>



<!-- Start VideoLightBox.com HEAD section -->
<link rel="stylesheet" href="engine/css/videolightbox.css" type="text/css" />
<style type="text/css">#videogallery a#videolb{display:none}</style>

<link rel="stylesheet" type="text/css" href="engine/css/overlay-minimal.css"/>
<script src="engine/js/jquery.tools.min.js" type="text/javascript"></script>
<script src="engine/js/swfobject.js" type="text/javascript"></script>
<!-- make all links with the 'rel' attribute open overlays -->
<script src="engine/js/videolightbox.js" type="text/javascript"></script>
<!-- End VideoLightBox.com HEAD section -->