$(document).ready(function(){
	// get all the slides	    
	var slides = $(".slide").length;
        
	// the width of all the slides
	var slideWidth = $(".slide").outerWidth();
        
        // all the .slides
        var slideArray = $(".slide");
	
	var currentSlide = 1;
  
	var leftMax = slideWidth * -1 * slides + slideWidth;
	//console.log(leftMax);
	
	var counter = 0;
	
	var slider = $("#slides").css({"width" : slides * slideWidth});
	
	for(var i = 0; i < 50; i++)
	{
	    slider.animate({left : - 900 + "px"}, 5000).delay(5000);
            console.log(slider);
	    
	}

	$("#buttonPrev").click(function(){ 
		
	    if (currentSlide == 1) 
	    {
	      $("#slides").animate({left : + leftMax + "px"}, 900); 
	      currentSlide = slides; 
	    }
	    else 
	    {
	      $("#slides").animate({left : "+=" + slideWidth + "px"}, 900); 
	      currentSlide = currentSlide - 1; 
	    };
            
	});
	
	$("#buttonNext").click(function(){
	  
	    if (currentSlide == slides) 
	    {
		    $("#slides").animate({left : "0px"}, 900); 
		    currentSlide = 1; 
	    }
	    else 
	    {
		    $("#slides").animate({left : "-=" + slideWidth + "px"}, 900); 
		    currentSlide = currentSlide + 1; 
	    };
	
	});
	      
	    
    });