Jquery UI Slider Range maximum 100% range for all sliders

I'm trying to make a mini web app but having some issue with Jquery UI Slider

Right so I have one slider that has a range of 0 to 100% and I have a button that add's new sliders so you can have one or many sliders with a maximum of 10 sliders.

the problem im having is I dont want the sliders to ever have a maximum combined range of 100%.

So if I add a new slider they will both sit at 50% each and if I increase the first slider to say 75% the second slider will drop to 25%.

Its melting my head so hopefully someone can help out thanks all.