var currentPosition = 0;	
		var slide_function = function(){
			var slideWidth = 158;
			var slides = $('.slide');
			var numberOfSlides = slides.length;
			var divWidth = document.body.offsetWidth - 110;
			var viewElems = Math.round(divWidth/slideWidth);
			var stopPos = 0;
			if (numberOfSlides>viewElems) stopPos = numberOfSlides-viewElems;

			// 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);

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

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

			// Create event listeners for .controls clicks
			$('.control').bind('click', function(){
				// Determine new position
				currentPosition = ($(this).attr('class')=='control rightControl png') ? currentPosition+1 : currentPosition-1;
	
				// Hide / show controls
				manageControls(currentPosition);
				// Move slideInner using margin-left
				$('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) });
			});

			// manageControls: Hides and Shows controls depending on currentPosition
			function manageControls(position){
				// Hide left arrow if position is first slide
				if (position==0){
					$('.leftControl').addClass("lastL")
				}
				else {$('.leftControl').removeClass("lastL") }
				// Hide right arrow if position is last slide
				if (position==stopPos){
					$('.rightControl').addClass("lastR")
				}
				else { $('.rightControl').removeClass("lastR") }
			}
		}