$('.s1').click(function(){
	
	$('div[actionkey]').removeClass('arrow-active');

	$('.s1').addClass('arrow-active');
});
$('.s2').click(function(){
	
	$('div[actionkey]').removeClass('arrow-active');

	$('.s2').addClass('arrow-active');
});

$('.s3').click(function(){
	
	$('div[actionkey]').removeClass('arrow-active');

	$('.s3').addClass('arrow-active');
});

$('.s4').click(function(){
	
	$('div[actionkey]').removeClass('arrow-active');

	$('.s4').addClass('arrow-active');
});

$('.s5').click(function(){
	
	$('div[actionkey]').removeClass('arrow-active');

	$('.s5').addClass('arrow-active');
});

$('.s6').click(function(){
	
	$('div[actionkey]').removeClass('arrow-active');

	$('.s6').addClass('arrow-active');
});

$('.s7').click(function(){
	
	$('div[actionkey]').removeClass('arrow-active');

	$('.s7').addClass('arrow-active');
});