var selected=1;
$(document).ready(function(){
	$('.slideshow').append('\
	<div class="backButton"></div>\
	<div class="nextButton"></div>');
	$('.backButton').click(function(){
		selected--;
		if(selected<1){
			selected=$(this).parent().children('img').length;
		}
		for(i=1;i<=$(this).parent().children('img').length;i++){
			$(this).parent().children('.text'+i).removeClass('active');
			$(this).parent().children('.banner'+i).removeClass('active');
		}
		$(this).parent().children('.text'+selected).addClass('active');
		$(this).parent().children('.banner'+selected).addClass('active');
	});
	$('.nextButton').click(function(){
		selected++;
		if(selected>$(this).parent().children('img').length){
			selected=1;
		}		
		for(i=1;i<=$(this).parent().children('img').length;i++){
			$(this).parent().children('.text'+i).removeClass('active');
			$(this).parent().children('.banner'+i).removeClass('active');
		}
		$(this).parent().children('.text'+selected).addClass('active');
		$(this).parent().children('.banner'+selected).addClass('active');
	});
});