How can use Two gallery with only one div show

[mohandes]

I have product page with gallery of product so first i use this code:

$('#Pic').elevateZoom({ zoomType: 'inner',responsive: true, gallery:'productGallery', cursor: 'move', galleryActiveClass: 'active'});

And i have second gallery for product color , if customer click another color to buy ,show that color of product. with this code:

$('#Pic').elevateZoom({ zoomType: 'inner',responsive: true, gallery:'productColors', cursor: 'move', galleryActiveClass: 'active'});

All this action work. but when i click pic inside productGallery and try to zoom it, Unfortunately show pic's from productColors Galley.

How can define two galley?