Help with a navigation menu

Hello, I’m a student trying to learn by doing so please forgive me for being a bit green.

I have recently spent quite a lot of time trying to get my head into JQuery after having been introduced to Javascript at Uni. I followed this tutorial and modified it slightly to be able to apply it to my own design (the CSS was a bit messy and very restrictive):

http://net.tutsplus.com/tutorials/javascript-ajax/create-a-cool-animated-navigation-with-css-and-jquery/

Anyway, after making that (supposedly) easily placeable into another layout, I tried to create my own theme. Because of my own inadequacies with CSS and floats, I tried modifying a theme that was a similiar layout to my own.

However, when I try and replace the navigation menu with my own and comment out this line:

<div class="menu">
					<ul class="lavaLamp">
						<li><a href="<?php echo get_settings('home'); ?>">Home</a></li>
						<?php wp_list_pages('title_li=&depth=1'); ?>
					</ul>
				</div>

and replace it with this one:

<div id="container">
					<div id="feed" class="pri-nav active"><div><a href="feed"></a></div></div>
					<div id="events" class="pri-nav"><div><a href="events"></a></div></div>
					<div id="photos" class="pri-nav"><div><a href="photos"></a></div></div>
					<div id="info" class="pri-nav"><div><a href="info"></a></div></div>
					<div id="contact" class="pri-nav"><div><a href="contact"></a></div></div>
			</div>

Nothing below the header image displays. Now I’m assuming this is because the menu of mine is not dynamic. Does this have to be the case? I don’t want my number of pages to increase anyway.

Now the links to my pages I have made static, ie photos points to http://www.mysite.com/photos-php, so the links can be made to point correctly.

And to make the animation know which is the current page I tried a cimple if else statement:

<?php if (is_home()) { ?>
<div id="container">
					<div id="feed" class="pri-nav active"><div><a href="feed"></a></div></div>
					<div id="events" class="pri-nav"><div><a href="events"></a></div></div>
					<div id="photos" class="pri-nav"><div><a href="photos"></a></div></div>
					<div id="info" class="pri-nav"><div><a href="info"></a></div></div>
					<div id="contact" class="pri-nav"><div><a href="contact"></a></div></div>
			</div>
<php } ?>
<?php if (is_page('events')) { ?>
<div id="container">
					<div id="feed" class="pri-nav"><div><a href="feed"></a></div></div>
					<div id="events" class="pri-nav active"><div><a href="events"></a></div></div>
					<div id="photos" class="pri-nav"><div><a href="photos"></a></div></div>
					<div id="info" class="pri-nav"><div><a href="info"></a></div></div>
					<div id="contact" class="pri-nav"><div><a href="contact"></a></div></div>
			</div>
<?php } ?>

…continuing for each potential page.

But it isn’t working and i’m tearing my hair out trying to figure this out.

I haven’t tackled the subject of altering the jquery for use with wordpress yet, I will do that once I can get the rest of it displaying

Anyway, please help!