(
	function($) {
		$(document).ready (function() {
			var currentPosition = 0;
			var slides = $('.slide');
			var numberOfSlides = slides.length;
			var step = 880;
			var totalWidth = 0;
				
			for (var i = 0; i<numberOfSlides; i++)
				totalWidth += (slides[i]).clientWidth;
				$('#slidesContainer').css('overflow', 'hidden');
				$('#slideInner')
				.css({
					'width' : totalWidth
				});
				$('#slideshow')
				.prepend('<div class = "control" id = "leftControl"></div>')
				.append('<div class = "control" id = "rightControl"></div>');
				//manageControls(currentPosition);
				$('.control')
				.bind('click', function() {
				//currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+step : currentPosition-step;
					if (($(this).attr('id') == 'rightControl')) {
						if (currentPosition < totalWidth - 880)
							currentPosition = currentPosition + step;
					}
					else {
						if (currentPosition > 0)
							currentPosition = currentPosition - step;
					}
						
					//manageControls(currentPosition);
					$('#slideInner').animate ({
						'marginLeft' : (-currentPosition)
					});
				})
				/*function manageControls(position) {
					// Hide left arrow if position is first slide
					if(position<=0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
					// Hide right arrow if position is last slide
					if(position>=totalWidth-800){ $('#rightControl').hide() } else{ $('#rightControl').show() }
				}	
				*/
		})
	}
)
(jQuery);