When opening an image via the popbox method I found the following code:

<b data-threshold="128" data-mode="contain">

							<img data-height="" data-width="" data-large-src="http://www.alpineascent.com/media/com_easysocial/photos/1/39/p1040701_large.jpg" data-featured-src="http://www.alpineascent.com/media/com_easysocial/photos/1/39/p1040701_featured.jpg" data-thumbnail-src="http://www.alpineascent.com/media/com_easysocial/photos/1/39/p1040701_thumbnail.jpg" src="http://www.alpineascent.com/media/com_easysocial/photos/1/39/p1040701_large.jpg" data-photo-image="" style="max-height: 459px;">

						</b>

While functionality this isn't a big deal at all, but semantically I think this is improper. Another interesting case is for the photo pages themselves which use:

<em data-photo-image-css="" style="background-image: url('http://www.alpineascent.com/media/com_easysocial/photos/1/39/p1040701_large.jpg');" class="es-photo-image"></em>

Because the img tag is loaded above, as far as I understand this code is not needed and can be taken out completely. Unless there's something I'm missing. Again, you guys did great with it's functionality, just wanting to use the best practices.