(function($){

  var currentPosition3 = 0;

  var slideWidth3 = 800;

  var slides3 = $('.slide3');

  var numberOfSlides3 = slides3.length;



  // Remove scrollbar in JS

  $('#slidesContainer3').css('overflow', 'hidden');



  // Wrap all .slides with #slideInner div
  
  slides3

    .wrapAll('<div id="slideInner3"></div>')

    // Float left to display horizontally, readjust .slides width

	.css({

      'float' : 'left',

      'width' : slideWidth3

    });



  // Set #slideInner width equal to total width of all slides

  $('#slideInner3').css('width', slideWidth3 * numberOfSlides3);



  // Insert controls in the DOM

  $('#slideshow3')

    .prepend('<span class="control3" id="leftControl3">Clicking moves left</span>')

    .append('<span class="control3" id="rightControl3">Clicking moves right</span>');



  // Hide left arrow control on first load

  manageControls(currentPosition3);



  // Create event listeners for .controls clicks

  $('.control3')

    .bind('click', function(){

    // Determine new position

	currentPosition3 = ($(this).attr('id')=='rightControl3') ? currentPosition3+1 : currentPosition3-1;

    

	// Hide / show controls

    manageControls(currentPosition3);

    // Move slideInner using margin-left

    $('#slideInner3').animate({

      'marginLeft' : slideWidth3*(-currentPosition3)

    });

  });



  // manageControls: Hides and Shows controls depending on currentPosition

  function manageControls(position3){

    // Hide left arrow if position is first slide

	if(position3==0){ $('#leftControl3').hide() } else{ $('#leftControl3').show() }

	// Hide right arrow if position is last slide

    if(position3==numberOfSlides3-1){ $('#rightControl3').hide() } else{ $('#rightControl3').show() }

  }	

})(jQuery);