Integrate slideshow into page

I am using ‘smoothgallery’ and the plugin ‘get image’ to attempt to create a page which pulls all images from one category of a photography website and makes them into a slideshow. Here’s the code:

<?php
/*
Template Name: Gallery
*/
?>

<?php get_header(); ?>

<!--Css SmoothGallery-->
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/smoothgallery/css/jd.gallery.css" type="text/css" media="screen"/>
<!--JS Mootools-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/smoothgallery/scripts/mootools.v1.11.js"></script>
<!--JS SmoothGallery-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/smoothgallery/scripts/jd.gallery.js"></script>

<style type="text/css">
#myGallery, #myGallerySet, #flickrGallery
{
width: 740px;
height: 495px;
border: 1px solid #000;
}
</style>

<div id="wrapper">

	<div id="single" class="page">

		<h2><?php the_title(); ?></h2>

		<div class="post">
                	<div id="myGallery">
<!-- Initialization of SmoothGallery-->
<script type="text/javascript">
	function startGallery() {
	var myGallery = new gallery($('myGallery'),
	{timed: true});}
	window.addEvent('domready',startGallery);
</script>
		<?php
		$page_name=the_title();
		switch ($page_name) {
    			case "Love":
        			$cat_id=4;
       			 	break;
    			case "Laugh":
        			$cat_id=5;
        			break;
    			case "Live":
        			$cat_id=6;
        			break;
		} ?>
		<?php query_posts('showposts=10&cat=$cat_id');?>
		<?php while (have_posts()) : the_post(); ?>
		<!--get the custom fields gallery_image
			(fields which contains the link to the image to show in the gallery)
		-->
		<?php $values = gi_library('all', 'class="full" alt="Item Title"', 'false', 'array'); ?>
		<?php $values2 = gi_library('all', 'class="thumbnail" alt="thumbnail of Item Title"', 'false', 'array'); ?>
		<!-- Verify if you set the custom field gallery_image for the post -->
		<?php if(isset($values[0]))
		{?>
			<!--define a gallery element-->
			<div class="imageElement">
				<!--post's title to show for this element-->
				<h3><?php the_title(); ?></h3>
				<!--post's excerpt to show for this element-->
				<?php the_excerpt(); ?>
				<!--Link to the full post-->
				<a href="<?php the_permalink() ?>" title="Read more" class="open"></a>
				<!-- Define the image for the gallery -->
				<?php echo $values[0]; ?>
				<!-- Define the thumbnail for the gallery -->
				<?php echo $values2[0]; ?>
			</div>
		<?php }?>
		<?php endwhile; ?>
	</div>

	</div>

		<div class="main_meta">
			<ul>
				<?php if (is_page('Contact')) { ?>
					<li><strong>Contact:</strong> Please send me a message. </li>
				<?php } elseif (is_page()) { ?>

					<li><?php the_time('F jS, Y'); ?></li>
					<li>Posted in <?php the_category(', ') ?></li>

				<?php } ?>
			</ul>

			<p class="edit"><?php edit_post_link('Edit', '', ''); ?></p>
		</div>

	<div class="clear"></div>
	</div>

</div> <!-- end wrapper -->
<?php get_footer(); ?>

I am at my wit’s end here, do not understand why it’s not working. Help?

Steven

PS: Used this http://www.catswhocode.com/blog/how-to-integrate-a-slideshow-in-your-wordpress-theme as a guide.

PSS: 3 Categories are live, love, laugh, that works correctly. What I’m stuck on is why the slideshow isn’t displaying when it seems that everything is outputting correctly.

UPDATE: Tried the ‘get the image’ plugin as well. Still no avail.

Thanks!