function mycarousel_initCallback(carousel) {

    jQuery('.next').bind('click', function() {

	    current_li++;	    
   		if(current_li == lastimg){$('.slide .next').hide();}
		if(current_li > 1){$('.slide .prev').show();}
   			
		$('.slide li img').fadeTo(300, 0.3);
        carousel.next();
		$('.slide li img').fadeTo(300, 1);
        return false;
    });

    jQuery('.prev').bind('click', function() {

		current_li--;
   		if(current_li == 1){$('.slide .prev').hide();}
		if(current_li < lastimg){$('.slide .next').show();}
	    
		$('.slide li img').fadeTo(300, 0.3);
        carousel.prev();
		$('.slide li img').fadeTo(300, 1);
        return false;
    });

};

// Ride the carousel...
jQuery(document).ready(function() {
    jQuery(".slide").jcarousel({
        scroll: 1,
        initCallback: mycarousel_initCallback,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
    });

    $('.slide .prev').hide();
    current_li = 1;
    lastimg = $(".slide ul li").length;
    firstwidth = $(".slide ul li img").width();
    firstheight = $(".slide ul li img").height();

    $('.slide').css({"width": firstwidth,"height": firstheight});

});