I finally found the cause of the problem I'm encountering here - Conflict with jcarousel when they are used on the same page?

I have two galleries in one page that are using galleria but all the thumbnails of the second gallery outputs all of its field with "active" li class. If I have 5 images for the first gallery and another 5 on the second one the number of thumbnails that are set to "active" are 6. One from the first one and all of the 5 thumbnails from the second one. Thus, the main image is defaulted to the last one of the second gallery which should not be happening here. I'm using Views for the second gallery with galleria field format. This is true for all styles -- jcarousel, table, grid, etc.

Please advice. Thanks.

I can't seem to alter the markup via views' template or by the 'rewrite the output of this field' option. I also tried to control the class via CSS with no luck.