$(document).ready(function() {
//This keeps track of the slideshow's current location
                var current_panel = 1;
                //Controlling the duration of animation by variable will simplify changes
                var animation_duration = 2500;

                $.timer(4500, function (timer) {
                    //Determine the current location, and transition to next panel
                    switch(current_panel){
                        case 1:
                            $("#slideshow").stop().animate({left: "-740px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
                            current_panel = 2;
                        break;
                        case 2:
                            $("#slideshow").stop().animate({left: "0px", top: "-460px"}, {easing: 'easeOutBack', duration: animation_duration});
                            current_panel = 3;
                        break;
                        case 3:
                            $("#slideshow").stop().animate({left: "-740px", top: "-460px"}, {easing: 'easeOutBack', duration: animation_duration});
                            current_panel = 4;
                        break;
                        case 4:
                            $("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
                            current_panel = 1;
                        break;
                          timer.reset(12000);
                    }
                });
});