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

	$('#slidesContainer').css('overflow', 'hidden');

	slides
	.wrapAll('<div id="slideInner"></div>')
	.css({
		'float' : 'left',
		'width' : slideWidth
	});

	$('#slideInner').css('width', slideWidth * numberOfSlides);

	$('.control')
	.bind('click', function(){

		if($(this).attr('id')=='6Control'){
			currentPosition = 0;
		}else if($(this).attr('id')=='7Control'){
			currentPosition = 1;
		}else if($(this).attr('id')=='12Control'){
			currentPosition = 2;

		}


		$('#slideInner').animate({
			'marginLeft' : slideWidth*(-currentPosition)
		});
	});

});