var currentPosition_b = 0;	
		var slide_function_b = function(){
			var slideWidth = 158;
			var slides = $('.slideB');
			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
			$('#slidesContainerB').css('overflow', 'hidden');

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

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

			// Insert controls in the DOM
			$('#slideshowB')
			.prepend('<span class="controlB leftControlB png">Clicking moves left</span>')
			.append('<span class="controlB rightControlB png">Clicking moves right</span>');

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

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

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