I have a table with some list items coded like this:

```
<li data-thumbnail-path="content/media/thumbnails/1.jpg"
    data-url="content/media/images/1.jpg"
    data-thumbnail-overlay-color="#aa4080">
    <div>
        <p class="gallery1DecHeader">First description</p>
    </div>
</li>

```

My purpose is to use the [ColorFinder](http://pieroxy.net/blog/pages/color-finder/index.html) JavaScript inside the `data-thumbnail-overlay-color="";`. This JavaScript needs 2 unique id, `image` (the original image) and `color` (the prominent color found) as shown in this [example](http://pieroxy.net/blog/pages/color-finder/demo.html).
Since I need to use it to change my overlay color, how could I insert the `color` id into my `data-thumbnail-overlay-color="";` attribute? Is there a different way to do this?