$(document).ready(function(){
	//$('.slide-image:not(":first")').hide();
    var count=0;
    var countImages = $('.slide-image').size();
    var timer = 0;
    var x=0;

    $('.slide-image').each(function(){
    	$(this).attr('id','slider-'+x);
    	x++;
    })

    startTimer();

    function startTimer(){
	    if(countImages>1){
	        timer = setInterval(nextImage,6000); //The number here dictates the length of time between the animation
	    }
	}

    function nextImage() {
        $('.slide-image:eq('+count+')').fadeOut(); //Length of FadeOut transition
        if(count<countImages-1){
            count++;
        } else {
           	count=0;
        }
       $('.slide-image:eq('+count+')').fadeIn(); //Length of FadeIn transition
    }

    function prevImage() {
    	if($('.slide-image:visible').prev('.slide-image').size()>0){
	    	$('.slide-image:visible').fadeOut();
	    	$('.slide-image:visible').prev().fadeIn(function(){
    			count = $('.slide-image:visible').attr('id').replace('slider-','');
	    	});
    	} else {
	    	$('.slide-image:visible').fadeOut();
	    	$('.slide-image:last').fadeIn(function(){
    			count = $('.slide-image:visible').attr('id').replace('slider-','');
	    	});
    	}
    }

    $('.left-arrow').click(function(e){
    	e.preventDefault();
		clearInterval(timer);
		startTimer();
		prevImage();
    })

    $('.right-arrow').click(function(e){
    	e.preventDefault();
		clearInterval(timer);
		startTimer();
		nextImage();
    })
});
