var TeamMatesEffect = function(){
    Event.observe(window, 'load', function(){
        var possibleTeamNames = $$('.teammates div');
        [
         "Volker",
            "Frank",
            "Politz",
						"Gregg",
						"Wolfgang",
            "Ralph",
            "Patrick",
						"Sylvia",
						"Mandi",
				"Engelshoven",
				"Jim",
						"Wegner"
        ].each(function(teammate){
            var teammateElement = new Element('div', {
                id: teammate,
                className: 'mate'
            });
            $('player').insert({
                bottom: teammateElement
            });
            var currentTeammateDiv;
            possibleTeamNames.each(function(tn){
                if (tn.innerHTML.match(new RegExp(teammate))) {
                    Event.observe(tn, 'mouseover', function(){
                        teammateElement.addClassName('mateHover');
                        tn.addClassName('hover');
                    });
                    Event.observe(tn, 'mouseout', function(){
                        teammateElement.removeClassName('mateHover');
                        tn.removeClassName('hover');
                    });
                    currentTeammateDiv = tn;
                }
            });
            Event.observe(teammateElement, 'mouseover', function(){
                teammateElement.addClassName('mateHover');
                currentTeammateDiv.addClassName('hover');
            });
            Event.observe(teammateElement, 'mouseout', function(){
                teammateElement.removeClassName('mateHover');
                currentTeammateDiv.removeClassName('hover');
            });

        });
    })
}()