var TeamMatesEffect = function(){
    Event.observe(window, 'load', function(){
        var possibleTeamNames = $$('.teammates div');
        [
            "Volker",
            "Rainer",
            "Martin",
            "Anke",


            "Ralph",
            "Andreas",
            "Patrick",
      "Mandi",
      "Liane",
      "Gregg",
      "Wolfgang"
        ].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;
                }
            });
            console.log(currentTeammateDiv);
            Event.observe(teammateElement, 'mouseover', function(){
                teammateElement.addClassName('mateHover');
                currentTeammateDiv.addClassName('hover');
            });
            Event.observe(teammateElement, 'mouseout', function(){
                teammateElement.removeClassName('mateHover');
                currentTeammateDiv.removeClassName('hover');
            });

        });
    })
}()