Jquery Slide Show Slide effect from left to right

I have tried to make a slider to move left to right in a cycle, only the first div works, it moves out and everything comes to a stops.

you can see the working example here

$(document).ready(function () {    var delay = 3000,        fade = 1000;    var banners = $('.banner');    var len = banners.length;    var i = 0;    setTimeout(cycle, delay);    function cycle() {        $(banners[i % len]).hide("slide", {            direction: "left"        });        (fade, function () {            $(banners[++i % len]).show("slide", {                direction: "right"            });            (fade, function () {                setTimeout(cycle, delay);            });        });    }});

Thank You