$(function(){
	var header = $('#who_connotates h2');
	var companies = $('#who_connotates .companies');
	var storiesContainer = $('#who_connotates .company_stories');
	var stories = storiesContainer.find('.story');
	var nextLinks = stories.find('a.next');
	var links = companies.find('a');
	var fadeSpeed = 400;

	var reset = function() {
		stories.fadeOut(fadeSpeed, function(){
			companies.fadeIn(fadeSpeed);
		});
	}

	var goToCompanyStory = function(klass) {
		var selector = '.' + klass;

		companies.add(stories).filter(':visible').fadeOut(fadeSpeed, function(){
			storiesContainer.find(selector).fadeIn(fadeSpeed);
		});
	}

	links.click(function(){
		goToCompanyStory($(this).attr('class'));
		return false;
	});

	nextLinks.click(function(){
		var nextStory = $(this).parents('.story').next('.story');
		var firstStory = storiesContainer.find('.story:first');
		var story = (nextStory.length) ? nextStory : firstStory;
		var klass = story.attr('class').replace(/^story\s+/, '');

		goToCompanyStory(klass);
		return false;
	});

	header.click(reset);
});