I want to make a content slider similar to this site, but a bit simpler.

This is what I came out with so far. But I am stuck:

I want to change the position of the slider handle when an ajax page is loaded. the width of `#content-holder` should be extended when the ajax page is loaded, from 1500px to 2000px (depends on how big the ajax page is).

the `#content-holder` should slide to the left when the ajax page is load so that this ajax page will always visible when it is loaded.

when the ajax page is closed. the slider handle should go back to the original position. and the width of `#content-holder` should be contracted back to the original (1500px).

You can read the code in my jsfiddle here.

Any ideas how I can achieve these 3 points?


[1]: Pentagram
[2]: http://lauthiamkok.net/dump/2011/jqu.../slide_2.2.php
[3]: Edit this Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)