[jQuery] IE7 problem with cycling images - help much appreciated

[Sefa]

Hi everyone,

Hopefully this hasnt been answered before - wasnt able to find it in
my search.

Im building a portfolio site, using wordpress and jcarousel. An
example of one of the pages Im having problems with is:

http://fahrentest.timekept.com/the-powder-room/

It works fine in all browsers except IE7 (and probably 6). In IE, the
images shuffle fine up to a point - if you click an arrow at the start
or end of the cycle (ie the previous arrow with the first image or the
next arrow with the last image) it breaks the rotator.

Theres 2 errors at the bottom of the page - Im guessing that has
something to do with it, however it should be a quirks mode issue or
anything. Anyway, heres my code:

<script type="text/javascript">

var mycarousel_itemList = [
                                        <?php $full1 = get_post_meta($post->ID, 
"full1", true); if
($full1 != "") { echo "{url: '" . $full1 . "', title: '" . Thumnail1 .
"'  },"; } ?>
                                        <?php $full2 = get_post_meta($post->ID, 
"full2", true); if
($full2 != "") {        echo "{url: '" . $full2 . "', title: '" . Thumnail2 .
"'  },"; } ?>
                                        <?php $full3 = get_post_meta($post->ID, 
"full3", true); if
($full3 != "") {        echo "{url: '" . $full2 . "', title: '" . Thumnail3 .
"'  },"; } ?>
                                        <?php $full4 = get_post_meta($post->ID, 
"full3", true); if
($full3 != "") {        echo "{url: '" . $full2 . "', title: '" . Thumnail3 .
"'  },"; } ?>

];


function mycarousel_itemLoadCallback(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > mycarousel_itemList.length) {
            break;
        }

        carousel.add(i,
mycarousel_getItemHTML(mycarousel_itemList[i-1]));
    }
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    return '<img src="' + item.url + '" width="740" height="320"
alt="' + item.title + '" />';
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
                wrap: 'both',
                scroll: 1,
        size: mycarousel_itemList.length,
        itemLoadCallback: {onBeforeAnimation:
mycarousel_itemLoadCallback}
    });
});


</script>


Any help would be greatly appreciated,

Thanks