Refactor Map Highlighting

[AarCon]

There are 7 different states an element can be in:

1. Nothing (N): A null image showing the base html page.
2. Base (B): Base image that was loaded in
3. Reinitialized (R): The process of going from N to B
4. Selected (S): When the user clicks on a location
5. Highlighted (H): When the mouse is hovering over an area
6. Encountered (E): When a pokemon is chosen and can be found in the area.
7. Found (F): When an element is Encountered and then Selected.

Here are some ground rules:

1. Once Selected it cannot be Highlighted
2. Highlight must lead to Reinitialized

Here's the list of all the known situations that can occur:

1. B -> S -> R
2. B -> F -> R
3. B -> H -> R
4. B -> E -> R
5. B -> E -> H -> R