$(document).ready(function(){
	var currentPosition = 0;
	var slideWidth = 430;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	slides.wrapAll('<div id="slideInner"></div>').css({
		'float' : 'left',
		'width' : slideWidth
    });
	$('#slideInner').css('width', slideWidth * numberOfSlides);
	$('#slideInner').css('float', 'left');
	$('.control').bind('click', function() {
		if (($(this).attr('id') == 'leftControl' && currentPosition > 0) || $(this).attr('id') == 'rightControl' && currentPosition < numberOfSlides - 1)
		{
			currentPosition = ($(this).attr('id') == 'rightControl') ? currentPosition + 1 : currentPosition - 1;
			$('#slideInner').animate({
				'marginLeft' : slideWidth*(-currentPosition)
	    	});
		}
	});
});