Magento mobile friendly navigation bar

Hello people,

I have a mobileshoppe responsive theme on Magento which is currently being developed here: http://walnutdevelopment.co.uk/

As you can see the navigation bar resizes and once it gets to a certain screen size it will change the navigation bar into a dropdown list of categories etc.

I would like to change this and still have the current navigation bar but once it resizes it would look like this one attached (when resized to a smaller screen) which is all developed and on my server. It works nicely on mobiles and thats the idea. http://walnutdevelopment.co.uk/nav/index.html

Now your job would be to get this all integrated in place, attached is a copy of how it currently works. I would like you to use your own server if possible to develop it for security reasons, sorry!

The categories, sub level categories and navigation bar links all need to be pulled through and can't be hard coded like they are currently here: http://walnutdevelopment.co.uk/nav/index.html on the responsive theme itself it pulls through the categories and sub level categories but not the CMS page links so you may be able to use a lot of the PHP anyway. To see this visit a page not on the homepage as there is a jQuery conflict at the minute so you cant see sublevel navigation links on the homepage but I can sort that easily enough.

If you require anything from me then please don't hesitate to ask, I am quite technically minded and should be able to help. I just don't have the time to do this myself.

Any questions please ask, looking to hire ASAP.