$(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 = 1500;

        $.timer(3000, function (timer) {
                //Determine the current location, and transition to next panel
                switch(current_panel){
                        case 1:
                                $("#slideshow").stop().animate({left: "-700px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
                                current_panel = 2;
                        break;
                        case 2:
                                $("#slideshow").stop().animate({left: "0px", top: "-280px"}, {easing: 'easeOutBack', duration: animation_duration});
                                current_panel = 3;
                        break;
                        case 3:
                                $("#slideshow").stop().animate({left: "-700px", top: "-280px"}, {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);
                }
        });

});