var Team = Class.create ({
	
	initialize: function()
	{
		this.addActions();
	},
	
	addActions: function()
	{	
		var counter = 1;
		
		$('personContainer').select('div').each(function(element)
		{
			element.store('id', counter);
			counter++;
			element.observe('mouseenter', this.rollover.bind(this));
		}.bind(this));
		
		var counter = 1;
		$('textContainer').select('div').each(function(element)
		{
			element.store('id', counter);
			counter++;
		});
	},
	
	rollover: function(event)
	{	
		var id = event.element().retrieve('id');
		
		$('textContainer').select('div').each(function(element)
		{
			if(id == element.retrieve('id'))
			{
				element.removeClassName('displayNone');
				element.addClassName('displayBlock');
			}
			else
			{
				element.removeClassName('displayBlock');
				element.addClassName('displayNone');
			}
		});
	}
});


document.observe('dom:loaded', function()
{	
	if ($("personContainer"))
	{
		new Team();
	}
});
