$(document).ready(function() {
    s = new slider("#slider");
    ps = new slider("#project-slider");
});


var slider = function(id) {
    var my_self = this;
    this.div = $(id);
    this.slider_content = this.div.find(".slider-content");
    this.largeurCache = this.div.find('.slider-view').width();
    this.largeur = 0;
    this.numeroDElm = 0;
    this.div.find('.slider-elm').each(function() {

        my_self.largeur += $(this).width();
        my_self.largeur += parseInt($(this).css("margin-left"));
        my_self.largeur += parseInt($(this).css("margin-right"));
        my_self.largeur += parseInt($(this).css("padding-right"));
        my_self.largeur += parseInt($(this).css("padding-left"));
        my_self.numeroDElm++;
    });
    this.largeur1Elm = this.largeur / this.numeroDElm;
    this.precedente = this.div.find('.previous');
    this.proximo = this.div.find('.next');
    this.salto = 4 * this.largeur1Elm;
    this.numeroDeSalto = Math.ceil(this.largeur / this.salto - 2);
    this.actual = 0;

    this.proximo.click(function() {
        if (my_self.actual <= my_self.numeroDeSalto) {
            my_self.actual++;
            my_self.slider_content.animate({
                left: -my_self.actual * my_self.salto
            },
            1000);
        }
    });

    this.precedente.click(function() {
        if (my_self.actual > 0) {

            my_self.actual--;
            my_self.slider_content.animate({
                left: -my_self.actual * my_self.salto
            },
            1000);
        }
    });

}