Model for the slider example app

model.js

// slides model
define([], function () {
    return function (containerId) {
        this.containerId = containerId,
        
        this.slideWidth = 400,
        
        this.slidePosition = 0,
        
        this.totalSlidesNo = 0,
        
        this.addSlide = function(slide) {
            this.totalSlidesNo++;
            $('#' + containerId).append(slide.getHtml());
        },
        
        this.setSlideWidth = function(width) {
            this.slideWidth = width;
        },
        
        this.setTotalSlidesNo = function (number) {
            this.totalSlidesNo = number;
        }, 
        
        this.moveLeft = function() {

            if (Math.abs(this.slidePosition) >= Math.abs( (this.slideWidth * this.totalSlidesNo) - this.slideWidth ) ) {
                return false;
            }
            this.slidePosition -= this.slideWidth;
            
            $('#' + containerId).animate({left: "-=" +this.slideWidth +"px"}, 700);
        },
        
        this.moveRight = function() {
            
            if (this.slidePosition == 0) {
                return false;
            }
            this.slidePosition += this.slideWidth;

            
            $('#' + containerId).animate({left: "+=" +this.slideWidth +"px"}, 700);
        }
    }
});