Jquery Coda-Slider Hide Arrows at Beginning and End

Jquery Coda-Slider Hide Arrows at Beginning and End

Well the title explains it for the most part, I'm having issues coming up with any code that will work to hide the arrows on the coda-slider at the beginning and end of the slides.

I'm using this coda slider http://jqueryfordesigners.com/coda-slider-effect/ .
Example page: www.77interactive.com/ADS/micro

I attempted to do it though serialScroll, a plugin that the coda-slider uses, but all I've managed to do is make the arrows inactive and would like them to disappear.

The code following controls the buttons and navigation.
    // apply our left + right buttons
    $scroll
        .before('<img class="scrollButtons left" id="before" onmouseover="this.src=\'img/scroll_left_b.png\'"onmouseout="this.src=\'img/scroll_left_a.png\'" src="img/scroll_left_a.png" alt="prev" />')

        .after('<img class="scrollButtons right" id="after" onmouseover="this.src=\'img/scroll_right_b.png\'" onmouseout="this.src=\'img/scroll_right_a.png\'" src="img/scroll_right_a.png" alt="next" />');

    // handle nav selection
    function selectNav() {
        $(this)
            .parents('ul:first')
                .find('a')
                    .removeClass('selected')
                .end()
            .end()
            .addClass('selected');
      
   }
      

    $('#slider .navigation').find('a').click(selectNav);


I found a comment that said the following:

[quote]
selectNav function I put this:

if ($(this).hasClass(’primo’)) $(â€