Trouble with coding, Can't get the code for images to work right Options

[brysky]

Hello all,
I am using a template for a site I am designing, and one of the pages is a sort of portfolio page that has a short description on the left and then images on the right with a "back and forward" button so you can have multiple images for one portfolio.

My problem is I can't seem to figure out how to duplicate this process to add more portfolios. I can get it all to look right with separators, and I have the descriptions, but the images on the right aren't hidden with a scroll through option anymore, they are all just listed in bullet form.

It is using three .css files and 2 java files, the code at the top is

CODE

<link href="css/common.css" type="text/css" rel="stylesheet" />
<link href="css/portfolio.css" type="text/css" rel="stylesheet" />
<link href="css/jcarousel.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="javascript/jquery_1.3.2.js"></script>
<script type="text/javascript" src="javascript/jcarousel.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#jcarouselMetro').jcarousel({
        scroll: 1,
        wrap: 'both'
    });
    
    
    jQuery('#jcarouselInvites').jcarousel({
        scroll: 1,
        wrap: 'both'
    });
});
</script>

Is it a problem with the script, or is there something I need to add in java or one of the .css?

All in all, I just want to be able to add as many portfolios as I want with the ability to scroll through the images like the others.

Thank you in advance for helping this n00b out.

-Brysky

Attached are the html, .css, and java.

[Christian J]

Does this page help? http://sorgalla.com/projects/jcarousel/exa...c_multiple.html