$(document).ready(function(){
	  var currentPosition4 = 0;
	  var slide4Width = 502;
	  var slides4 = $('.slide4');
	  var numberOfSlides4 = slides4.length;
	
	  // Remove scrollbar in JS
	  $('#slidesContainer4').css('overflow', 'hidden');
	
	  // Wrap all .slides4 with #slide4Inner div
	  slides4
	    .wrapAll('<div id="slide4Inner"></div>')
	    // Float left to display horizontally, readjust .slides width
		.css({
	      'float' : 'left',
	      'width' : slide4Width
	    });
	
	  // Set #slideInner width equal to total width of all slides
	  $('#slide4Inner').css('width', slide4Width * numberOfSlides4);
	
	  // Insert controls in the DOM
	  $('#slideshow4')
	    .prepend('<span class="control4" id="leftControl4">&nbsp;</span>')
	    .append('<span class="control4" id="rightControl4">&nbsp;</span>');
	
	  // Hide left arrow control on first load
	  manageControls4(currentPosition4);
	
	  // Create event listeners for .controls clicks
	  $('.control4')
	    .bind('click', function(){
	    // Determine new position
		currentPosition4 = ($(this).attr('id')=='rightControl4') ? currentPosition4+1 : currentPosition4-1;
	    
		// Hide / show controls
	    manageControls4(currentPosition4);
	    // Move slideInner using margin-left
	    $('#slide4Inner').animate({
	      'marginLeft' : slide4Width*(-currentPosition4)
	    });
	  });
	
	  // manageControls: Hides and Shows controls depending on currentPosition
	  function manageControls4(position4){
	    // Hide left arrow if position is first slide
		if(position4==0){ $('#leftControl4').hide() } else{ $('#leftControl4').show() }
		// Hide right arrow if position is last slide
	    if(position4>=numberOfSlides4-1){ $('#rightControl4').hide() } else{ $('#rightControl4').show() }
	  }	
	});