I have a carousel or slideshow seen here (div class="banner"):

LINK-
http://www.tocdocs.com/index.102113.php

And currently the images do not fade in. They just automatically appear. How can I make the next image in the sequence fade in on top of the current image shown?

I am assuming it would have something to do with rewriting this portion of code. Am I correct?

Code:
ps_banner.select=function(a){var b=$("#banner"+[a]);
if(typeof b.attr("data-lazy-load")!="undefined"&&typeof b.attr("src")=="undefined"){b.attr("src",b.attr("data-lazy-load"))
}$(".active").css({opacity:1,visibility:"hidden"}).removeClass("active");
b.css({opacity:1,visibility:"visible"}).addClass("active").stop().animate({opacity:1},1500,function(){});
$(".bannerControls .selected").removeClass("selected").addClass("selector");
$("#ctrl"+a).removeClass("selector").addClass("selected")
};