$(document).ready(function(){
				var currentPosition = 0;
				var slideWidth = 500;
				var slides = $('.slide');
				var numberOfSlides = slides.length;

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

				$('#slideInner').css('width', slideWidth * numberOfSlides);
			$('#slideshow')
				.prepend('<span class="control" id="leftControl">Move left</span>')
				.append('<span class="control" id="rightControl">Move right</span>');

			manageControls(currentPosition);

			function bindClicks(selection) {
				$(selection).unbind('click');
				$(selection).bind('click', function(){
					currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
					manageControls(currentPosition);
					$('#slideInner').animate({
						'marginLeft' : slideWidth*(-currentPosition)
					});
				});
			}
			bindClicks('#rightControl');

			// manageControls: Hides and shows controls depending on currentPosition
			function manageControls(position){
				// Hide left arrow if position is first slide
				if(position==0){ 
					$('#leftControl').css('opacity', '0.2')
					$('#leftControl').unbind('click'); 
				} else { 
					$('#leftControl').css('opacity', '1.0'); 
					bindClicks('#leftControl');
				}
				// Hide right arrow if position is last slide
				if(position==numberOfSlides-1) { 
					$('#rightControl').css('opacity', '0.2'); 
					$('#rightControl').unbind('click'); 
				} else { 
					$('#rightControl').css('opacity', '1.0'); 
					bindClicks('#rightControl');
				}
			}

		});