function slider()
{

    var currentPosition = 0;
    var slideWidth = 500;
    var slides = $('.slide');
    var numberOfSlides = slides.length;
    var maxWidth = slideWidth * numberOfSlides;
    var speed = 15000;
    var firstRun = true;

    // Remove scrollbar in JS
    $('#slidesContainer').css('overflow', 'hidden');

    // Wrap all .slides with #slideInner div
    slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
    .css({
      'float' : 'left',
      'width' : slideWidth
    });

    // Set #slideInner width equal to total width of all slides
    $('#slideInner').css('width', slideWidth * numberOfSlides + "px");

    // Insert controls in the DOM
    /*$('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');*/

    // Hide left arrow control on first load
    //manageControls(currentPosition);

    // Create event listeners for .controls clicks
    $('.control').mouseover(function(){
        ($(this).attr('id')=='rightControl') ? animationRight() : animationLeft();
    }).mouseout(function(){
    $('#slideInner').stop();
    });

    // manageControls: Hides and Shows controls depending on currentPosition
    function manageControls(position){

        // Hide left arrow if position is first slide
        if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
        // Hide right arrow if position is last slide
        if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
    }

    function animationRight()
    {

        // Hide / show controls
        //manageControls(currentPosition);
        if( firstRun  )
        {
            usedSpeed = speed;
            firstRun = false;
        } else
            usedSpeed = speed * ( maxWidth + parseInt( $('#slideInner').css( "margin-left" ) ) ) / maxWidth;

        // Move slideInner using margin-left
        $('#slideInner').animate({
          'marginLeft' : -maxWidth + slideWidth
        }, usedSpeed, "linear" );

    }

    function animationLeft()
    {

        // Hide / show controls
        //manageControls(currentPosition);
        if( firstRun  )
        {
            usedSpeed = speed;
            firstRun = false;
        } else
            usedSpeed = speed * ( -parseInt( $('#slideInner').css( "margin-left" ) ) ) / maxWidth;

        // Move slideInner using margin-left
        $('#slideInner').animate({
          'marginLeft' : 0
        }, usedSpeed, "linear" );

    }

}