$j = jQuery.noConflict();







function mycarousel_initCallback(carousel) {

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 5,
        wrap: 'last',
        visible: 1,
        scroll: 1,
        animation: 1200,
        initCallback: mycarousel_initCallback
    });
});
 


 
 

 $j(document).ready(function() {
    PEPS.rollover.init();
});

PEPS = {};

PEPS.rollover =
{
    init: function() {
        this.preload();

         $j(".ro").hover(
         function() { $j(this).attr('src', PEPS.rollover.newimage($j(this).attr('src'))); },
         function() { $j(this).attr('src', PEPS.rollover.oldimage($j(this).attr('src'))); }
      );
    },

    preload: function() {
         $j(window).bind('load', function() {
             $j('.ro').each(function(key, elm) {  $j('<img>').attr('src', PEPS.rollover.newimage( $j(this).attr('src'))); });
        });
    },

    newimage: function(src) {
        return src.substring(0, src.search(/(\.[a-z]+)$/)) + '_o' + src.match(/(\.[a-z]+)$/)[0];
    },

    oldimage: function(src) {
        return src.replace(/_o\./, '.');
    }
};