Event Carousel slider buttons do not default to their current selection in Events Page

[Git-Harshit]

Details on the Issue:

The selections button in carousel in the events page, that contains the five selected pictures for each event in the same style, does not defaults to any picture selection even when the first picture is selected on page load.

Snapshots for the issue:

Here's a snapshot showing the same:

• A closer, scribbled shot for the same buttons issue:
  

Additional Notes - Fixation suggestion

Since the first image of the carousel is loaded by default on every page load, the first button (button with id 1 in code) can be selected by default.
Also, the buttons can be styled on selection separately using some style class such as active that appears only on the selected button.

[Git-Harshit]

Further Issue:

No buttons default to their current selection, when mouse is clicked out of the box.

As an Example, check the two snapshots:
(a) When Image is selected:

(b) When mouse is clicked out of carousel buttons:

This needs to be fixed.