$(function() {

        var positions = [];
        var slideIndex = 0;
        var offsetIndex = 1;
        var len = $('div.slide', '#slide-wrapper').length;
        var delay = 7000;
        var seconds = delay/1000;
        var secondsLeft = seconds;

        var fraction = ''+offsetIndex+'/'+len+'';
        $("div#displayIndex").html(fraction);

        $('div.slide', '#slide-wrapper').each(function(index) {

                var slide = index;
                var position = $(this).position().top;

                positions[slide] = position;

        });

        $('#prev', '#slider-controls').click(function(event) {


                if(slideIndex > 0) {
                        slideIndex--;
                        offsetIndex = slideIndex + 1;
                } else {
                        slideIndex = len-1;
                        offsetIndex = len;
		}	

                fraction = ''+offsetIndex+'/'+len+'';
                $("div#displayIndex").html(fraction);

                $('#slide-wrapper').animate({
                        top: - positions[slideIndex]

                }, 'slow');

                event.preventDefault();

                clearInterval(timer);
                timer = setInterval(invoke, delay);
                secondsLeft = seconds;

        });


        $('#next', '#slider-controls').click(function(event) {

                slideIndex++;
                offsetIndex = slideIndex + 1;

                if(slideIndex == len) {
                        slideIndex = 0;
                        offsetIndex = slideIndex + 1;
                }
                
                fraction = ''+offsetIndex+'/'+len+'';
                $("div#displayIndex").html(fraction);


                $('#slide-wrapper').animate({
                        top: - positions[slideIndex]
                }, 'slow');

                event.preventDefault();

                clearInterval(timer);
                timer = setInterval(invoke, delay);
                secondsLeft = seconds;

        });



        function invoke() {

                        slideIndex++;
                        offsetIndex = slideIndex + 1;

                        if(slideIndex == len) {
                                slideIndex = 0;
                                offsetIndex = slideIndex + 1;
                        }

                        $('#slide-wrapper').animate({
                                top: - positions[slideIndex]
                        }, 1000);

                        var fraction = ''+offsetIndex+'/'+len+'';
                        $("div#displayIndex").html(fraction);

        }


        var timer = setInterval(invoke, delay);



});