Create a responsive Image Gallery in product description

I want to add an image gallery for certain products on my website. The image gallery should open when you click one of the images in the description. It will open the image that was clicked first. You must be able to click left and right (and swipe left and right on a tablet/phone) to go to the next image. It must be in the order of the images on the product. I just need the code implemented once, to be shown how to implement it on other products and I will use the code template to add it to my other products. jQuery / Javascript / CSS / Magento Product sample page is.... [login to view URL]