$(document).ready(function(){
    
    
    // slides
    $('#slide1').click(function(event){
        
        event.preventDefault();
        
        $("#slide1").animate({left:'0'}, 1000);
        $("#slide2").animate({left:'750'}, 1000);
        $("#slide3").animate({left:'815'}, 1000);
        $("#slide4").animate({left:'880'}, 1000);
        
        $('.slideButton1 a').addClass('active');
        $('.slideButton2 a').removeClass('active');
        $('.slideButton3 a').removeClass('active');
        $('.slideButton4 a').removeClass('active');

        
    });
    $('#slide2').click(function(event){
        
        event.preventDefault();
        
        $("#slide1").animate({left:'0'}, 1000);
        $("#slide2").animate({left:'65'}, 1000);
        $("#slide3").animate({left:'815'}, 1000);
        $("#slide4").animate({left:'880'}, 1000);
        
        $('.slideButton1 a').removeClass('active');
        $('.slideButton2 a').addClass('active');
        $('.slideButton3 a').removeClass('active');
        $('.slideButton4 a').removeClass('active');
        
    });
    $('#slide3').click(function(event){
        
        event.preventDefault();
        
        $("#slide1").animate({left:'0'}, 1000);
        $("#slide2").animate({left:'65'}, 1000);
        $("#slide3").animate({left:'130'}, 1000);
        $("#slide4").animate({left:'880'}, 1000);
        
        $('.slideButton1 a').removeClass('active');
        $('.slideButton2 a').removeClass('active');
        $('.slideButton3 a').addClass('active');
        $('.slideButton4 a').removeClass('active');
        
    });
    $('#slide4').click(function(event){
        
        event.preventDefault();
        
        $("#slide1").animate({left:'0'}, 1000);
        $("#slide2").animate({left:'65'}, 1000);
        $("#slide3").animate({left:'130'}, 1000);
        $("#slide4").animate({left:'195'}, 1000);
        
        $('.slideButton1 a').removeClass('active');
        $('.slideButton2 a').removeClass('active');
        $('.slideButton3 a').removeClass('active');
        $('.slideButton4 a').addClass('active');
        
    });
    
    
});