I'm trying to implement the jquery Gallerific plugin into a wordpress site, but cannot get the javascripts to load.

Here's my code from header.php

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
    
<?php wp_head(); ?>

		<link rel="stylesheet" href="<?php echo bloginfo('stylesheet_directory') ?>/css/basic.css" type="text/css" />
		<link rel="stylesheet" href="<?php echo bloginfo('stylesheet_directory') ?>/css/galleriffic-2.css" type="text/css" />
		<script type="text/javascript" src="<?php echo bloginfo('stylesheet_directory') ?>/js/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="<?php echo bloginfo('stylesheet_directory') ?>/js/jquery.galleriffic.js"></script>
		<script type="text/javascript" src="<?php echo bloginfo('stylesheet_directory') ?>/js/jquery.opacityrollover.js"></script>
		<!-- We only want the thunbnails to display when javascript is disabled -->
		<script type="text/javascript">
			document.write('<style>.noscript { display: none; }</style>');
		</script>

</head>