$(document).ready(function() {
		var currentPosition=0;
		var slideWidth=335;
		var slides=$('.slide_index');
		var numberOfSlides=slides.length;
		$('#slides_container_index').css('overflow', 'hidden');
		slides
			.wrapAll('<div id="slideInner"></div>')
			.css(
				{
					'float' : 'left',
					'width' : slideWidth
				}
			);
		$('#slideInner').css('width', slideWidth * numberOfSlides);
		$('#slideshow_index')
			.prepend('<span class="control_index" id="left_control_index">&nbsp;</span>')
			.append('<span class="control_index" id="right_control_index">&nbsp;</span>');
		manageControls(currentPosition);
		$('.control_index')
			.bind('click', function(){
				currentPosition = ($(this).attr('id')=='right_control_index') ? currentPosition+1 : currentPosition-1;
				manageControls(currentPosition);
				$('#slideInner').animate(
					{
						'marginLeft' : slideWidth*(-currentPosition)
					}
				);
			}
		);
		function manageControls(position){
			if(position==0){$('#left_control_index').hide();}else{$('#left_control_index').show();}
			if(position==numberOfSlides-1){$('#right_control_index').hide();}else{$('#right_control_index').show();}
		}
	});