Image gallery in a view

Hy!

I am trying to build one "product detail" page, where I have all the data showed for some product.
Every product can also have multiple pictures (max 10 for example), which need to be shown in some "gallery".
So the gallery should look like this:
We have 3 pictures for example - PictureA, PictureB, PictureC. I have to show these pictures 2 times I would say (it's one solution, but it can be another also). So for the first time, I need to show the gallery where only first picture is visible with image style "Large" (480×480) and with 2 arrows left and right directly on that picture, so I can slide through these large pictures in circular concept. And if I click on the large picture, then the module Colorbox helps me to show the picture in the overlay.
Then below this (these) picture I want to show small thumbnails also with arrows left and right (but now outside of these pictures somethin like: < PicA, PicB > so I can also scroll through them. But if I click on one small thumbnail picture, then the main (Large) picture updates with clicked one.

I hope you understand me.

Do anyone have some idea what is the best way to do this?

Thank you very much!