Using an ID limits a single use of this component to a page. Also I work that the `active` class would have a high collision rate.

Typically for this, Ill wrap the component in a `<div class="acs-commons-simple-slide-show">...</div>` (or something else "very unique" like `class="apps_acs-commons_components_content_simple-slide-show"` and then have unobtrusive JS loaded via a clientlib.

```
$(function() { 
   $('.acs-commons-simple-slide-show').each(function() { 
       setInterval(function() { ...... all the simple slide show js .... }, 2000);
   });
});
```

This keeps each operating instance of the component cleanly scoped, unobtrusive, and also only requires the JS to be loaded once at the end of the page via clientlibs. CSS can also of course be pushed out to clientlibs. The categories you'd want for this are `acs-common.components` and `acs-commons.components.simple-slide-show`