Customise Splitter Javascript and CSS

This job requires an expert javascript/CSS developer. Please visit [login to view URL] What needs to happen, is to alter the javascript splitter to do a few things: 1. The initial size of the left panel needs to be 255px (unless the person has been to the site before in which case it will use the last size/position that they resized the panel to which is saved in a cookie). The max size that the left panel can be is 255px, and the minimum size it can be is 200px. 2. With the docking/collapse, we need to change that function so that instead of collapsing the panel which causes the content to squish into the panel over multiple lines, it needs to move the panel to the left (inside the container panel so that what slides to the left is hidden) leaving only 40px of the panel showing and the splitter bar, without the content squishing. So this will sort of appear as a long panel tab that moved to the left. I have attached a screenshot of what the slid in panel should look like (don't worry about the icons). 3. We also need to change the docking function so that instead of double clicking on the center of the splitter bar, the actual image in the center of that bar should be a link/button that on single click causes the collapse/dock/slide effect to go in or out, and should use the hand/link cursor. Really need this done within a couple of hours. Happy to pay extra for this to be done so quickly.