var Exit = {
    init: function() {
        var self = {
            parent: $("#showcase"),
            slideshow: $('#showcase ul'),

            initialize: function() {
                self.setupSlider()
                self.setupHovers()
            },

            setupSlider: function() {
                $('#showcase').css({ overflow: "hidden" })
                // var casesshown = 9;
                var casesshown = document.getElementById("ContentPlaceHolder1_CasesShown").value 
                $('#s-slider').slider({ handle: '#s-handle', min: 0, stepping: 920, max: 920 * casesshown, stop: function(ev, ui) {
                    self.slideshow.stop()
                    var timetoslide = 1000;
                    // var timetoslide = document.getElementById("ctl00$ContentPlaceHolder1$timetoslide").value;

                    self.slideshow.animate(
    					{
    					    left: -ui.value + "px"
    					},
    					{
    					    easing: "easeOutQuint",
    					    duration: +timetoslide
    					}
    					)
                }
                })
                self.addSliderControls()
            },

            addSliderControls: function() {
            var casesshown = document.getElementById("ContentPlaceHolder1_CasesShown").value 
            
                $('#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 > 920 * (casesshown - 1) ? 920 * (casesshown - 1) : sliderValue + 920
                    $('#s-slider').slider('moveTo', newval + 'px')
                })
            },

            max: function() {
            return 920 * (casesshown - 1)
            },
            maxa: 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()
})
function MsgOkCancel() {

    fRet = alert(self.max());
    
} 

