$(document).ready(function(){
$('#team_strip').css({'display':'none'}); 
$('#teamImageContainer').css({'position':'relative', 'display':'none'});
	var member = $(".team_member");
	var button = 1;
	var buttonlength = $(".team_member").length;
	console.log(buttonlength);
	var randomImage = Math.floor(Math.random() *  buttonlength -1);
	 if (randomImage < 1){
		randomImage = 1;
	 }
	var widthtimesposition = randomImage * -220;


$('#team_strip').animate({left: widthtimesposition});

	console.log(widthtimesposition);

	
	$("#nextbtn").click(function(){
		
		console.log(widthtimesposition);
		
		if ((randomImage < buttonlength -1) && (randomImage > -1)){
	randomImage = randomImage + 1;
		$('#team_strip').animate({'left': -220.5 * randomImage });
	}
	else {
		randomImage = 0;
		$('#team_strip').animate({'left': 220.5 * randomImage });
		
	}
	});	
	
	
	$("#prevbtn").click(function(){
		
		
		//var widthtimesposition = thisbutton * -220;
		
		if ((randomImage <= buttonlength) && (randomImage != 0)){
	randomImage = randomImage - 1;
		
		$('#team_strip').animate({'left': 220.5 * -randomImage });
	}
	else {
		randomImage = buttonlength - 1;
			$('#team_strip').animate({'left': 220.5 * -randomImage });

	}
	});

	$('#teamImageContainer').css({'position':'relative', 'display':'block'});
	$('#team_strip').css({'position':'relative', 'display':'block'}); 

});