Detailed images on product pages

I need to be able to display a scaled detailed image on a product page with thumbnails underneath on a 2.0.X cs-cart. If you click a thumbnail I want it to change the scaled detailed image appropriately. If you click see larger image, I need it to function as normal with the large detailed image and the thumbnails. I have attempted this, and was able to get the detailed image to display on the products page. But when I did this, it broke the pop up window. The window would only pop up for the main thumbnail and the thumbnails within the pop were missing. Here are come comped up examples of what I have and what a need it to do.

And the pop up box …