Create an interactive animated logo for a website

We need to realize an interactive animated logo for the website of an upcoming interactive and digital art festival. The logo contains the name of the festival "Periferica", which is composed by many little triangles (see the attached file). We want the orientation of all triangles to change, according to movement of mouse. The triangles must rotate on their own barycenter. When the mouse is inside the perimeter of the logo, the triangles must stop rotating but if the user clicks on one single triangle, that triangle lights up, changing its colour from black to a specified colour. If the user clicks again on the triangle previously lighted up, the triangle blows out, reverting its colour to black. Going outside the perimeter's logo again, the movement of the whole logo (of all its triangles, to be precise) starts again keeping the colours acquired after user's clicks.