Good Morning Experts

I am using Umbraco 7.1.6 and uWebshop 2.5.1.0. I have entered the categories , products etc in uWebshop.

Now my requirement is that i need to create one image gallery page where user can search by category from "Category" dropdown or enter the text in "autosearch" textbox and result will be filterd and appear.

I am able to pull the categories from uWebshop and add it in my dropdown. By default "Category" dropdown shows "All" as selected. So i am able to pull all the produts of categories from uWebshop. 

Now the problem comes, suppose if user change the value from dropdown then how to filter the images. Also if user enter image name etc in "Autosearch" textbox then also need to filter the images. I also have paging in it. So how to achieve all this stuff ?

Please help me here how to achieve this ? It's really urgent... 

See the below screen shot.