jQuery Supersized Slider Plugin - How to resize slider images by click on a DOM element

jQuery Supersized Slider Plugin - How to resize slider images by click on a DOM element

Hi,

I need help referring to jQuery Supersized Slider Plugin, the problem is the following:

I'm building a static website that uses a left side scrolling menu. What i want to reach is: if the menu is visible the image on the slider will have a different width instead of when the menu is "hidden".

The process is the following:

1) Menu visible, #supersized li img width is 60%
2) Click on the object, menu is animated to be hidden except for the button, #supersixed li img width is 100%

And so on.

Now, i have some problems.

First one is that i don't know how to make this "toggle operation", the second and more important problem is that if i say in my custom .js that if i click you have to resize my image too, the preloader goes in loop and my images don't appear.

Which is the best way to achieve this effect?

My main example is the following

http://themewich.com/themes/?theme=BigFormat%28Fullscreen%29

Thanks a lot,

Alex