Sliding out footer

Hi Enfold,
I know it may not be within the support, but maybe someone has a solution :). i try to make a Sliding out Footer like this example:
http://preview.themeforest.net/item/salient-responsive-multipurpose-theme/full_screen_preview/4363266
-> there you can see the Sliding out Footer (with 4 social icons)

i use Footer & Socket and i use this css for the Sliding Footer:
/* Sliding Out Footer */
body {
position:relative;
z-index:0;
}
#main {
position:relative;
z-index:1;
}
#footer {
position:relative;
z-index:-2;
height: 180px;
}
#footer .container {
position: fixed;
bottom: 80px;
z-index: -1;
}

it works but not correctly :) the Footer Columns now not working ect- perhaps someone have a solution
thank you Theme