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