var Exit = {
    init: function() {
        var self = {
            parent: $("#showcase"),
            slideshow: $('#showcase ul'),

            initialize: function() {
                self.setupSlider()
                self.setupHovers()
            },

            setupSlider: function() {
                $('#showcase').css({ overflow: "hidden" })
                $('#s-slider').slider({
                    handle: '#s-handle',
                    min: 0,
                    stepping: 920,
                    max: self.max(),

                    stop: function(ev, ui) {
                        self.slideshow.stop()
                        self.slideshow.animate({
                            left: -ui.value + 'px'
                        },
    					{
    					    easing: 'easeOutQuint',
    					    duration: 1000
    					})
                    }
                })
                self.addSliderControls()
            },

            addSliderControls: function() {
                $('#s-prev').click(function(e) {
                    e.preventDefault()
                    var sliderValue = $('#s-slider').slider("value")
                    var newval = sliderValue - 920 < 0 ? 0 : sliderValue - 920
                    $('#s-slider').slider('moveTo', newval + 'px')
                })
                $('#s-next').click(function(e) {
                    e.preventDefault()
                    var sliderValue = $('#s-slider').slider("value")
                    var newval = sliderValue + 920 > self.max() ? self.max() : sliderValue + 920
                    $('#s-slider').slider('moveTo', newval + 'px')
                })
            },

            max: function() {
                return self.slideshow.innerWidth() - this.parent.outerWidth()
            },


            setupHovers: function() {
                $('add-hover').hover(function() {
                    $(this).addClass("hover")
                }, function() {
                    $(this).removeClass("hover")
                })
            }
        }

        self.initialize()
        $('#s-slider').slider('moveTo', '0px');
        
    }
}

$(window).ready(function() {
    Exit.init()
})