Extending divs inside a 2rows slider

I have a slider with small images (200x200) in 2rows, I repeat 2rows (it is important). The slider is based on [login to view URL] When I click on an image, the div will extend (similar to [login to view URL]) to at least 800x410 and show other text, tabs etc. When I click on a (X) somewhere in the extended div the extension will restore to small image. It is better to use hovering appended div over the elements inside the slider due to 2rows. It needs calculations on how many small images can be included inside the visible screen, if the image in on top row, bottom row, near the right etc. The project is urgent, so don't bid if you can't start it now.