$(document).ready(function() {
  
 $('div.scroller').css({'overflow':'hidden'});
 
 $('div.scroller').prepend('<a href="#" class="jnext">next</a>');
 
 $('.jnext').click(function(){
 
 

 
var width = -1*($(this).next('img').width()-300)+"px";
 
var checkleft = $(this).next('img').css('left');

if(width!=checkleft){

 $(this).next('img').animate({'left':'-=300px'}, 600); 
 
 }
 
 else{
 
 $(this).next('img').animate({'left':'0px'}, 800); 
 
 }

 
 return false;
 
 });
 
});