Menu transition from docked at bottom to docked on right

[beanymanuk]

Hi I am trying to make a menu move from being a 4 by 2 (with each block size calculated to fit 100% width) menu docked at the bottom of the page then once any link is clicked in that menu for it to move nicely across the page to be docked on the right hand side of the page in one column (each block resized in height so the total height of the blocks fit 100% height of the users browser window)

 

Hope that makes sense.

 

This is what I have so far showing basic concept of menu

 

View Menu here

 

Any help greatly appreciated

 

Thanks