$(document).ready(function(){
	$('.tmpSlideshowControl').click(function(){
		$('div.tmpSlide').hide();
		$('div.tmpSlideshowControl').removeClass('tmpSlideshowControlActive');
		var id = $(this).attr('id').split('-').pop();
		$(this).addClass('tmpSlideshowControlActive');
		$('div#tmpSlide-'+id).show();
	});
	
	$('.button').click(function() {
		var id = $(this).attr('name');
		var classList = $(this).attr('class').split(' ');
		var action = null;
		
		$.each(classList, function(index, item) {
			if(item == 'show') {
				action = item;
			}
			
			else if(item == 'hide') {
				action = item;
			}
		});
		
		$(this).removeClass(action);
		
		if(action == 'show') {
			$(this).addClass('hide');
			$('#'+id).show();
		}
		
		else {
			
			$(this).addClass('show');
			$('#'+id).hide();
		}
	});
});