[the_little]

Создал переменные. привёл их к нужному виду.
Одни переменные задаются в первом слайдере.
Другие задаются во втором слайдере.
По отдельности работают как надо.

Но когда я их складываю, например во втором слайдере, то:
- при прокрутке второго слайдера все правильно работает.
- при прокрутке первого слайдера сумма двух переменных не меняется. При изменении положения второго слайдера - работает правильно.

Если я пытаюсь арифметические действия производить вне снайперов - то не работает...

Вот полный код скрипта в настоящий момент.

$(document).ready(function(){
	$( "#slider" ).slider({
		range: "min",
		value : 50000000,
		min : 100000,
		max : 100000000,
		step : 100000,
		slide: function( event, ui ) 
		{
			$( "#contentSlider" ).html(addSpaces(ui.value.toString()));
		},
		change: function( event, ui ) 
		{
			$( "#contentSlider" ).html(addSpaces(ui.value.toString()));
			
			summ = $( "#contentSlider" ).html();
			free_summ = summ.replace(/[^-0-9]/gim,'');
			calc_summ = free_summ / 1000000;
			document.getElementById('calc-market').innerHTML = calc_summ;
		}
	});
	$( "#slider" ).slider("option", "value", 50000000);
});

function addSpaces(nStr)
{
	nStr += '';
	x = nStr.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ' ' + '$2');
	}
	return x1 + x2;
}

$(document).ready(function(){
	$( "#slider2" ).slider(
	{
		range: "min",
		value : 24,
		min : 1,
		max : 80,
		step : 1,
		slide: function( event, ui ) 
		{
			$( "#contentSlider2" ).html( ui.value );
		},
		change: function( event, ui ) 
		{
			$( "#contentSlider2" ).html( ui.value );
			
			srok = $( "#contentSlider2" ).html();
			free_srok = parseInt(srok, 10);
			
			garant_summ = calc_summ + free_srok;
			document.getElementById('calc-summ').innerHTML = garant_summ;
		}
	});
	$( "#slider2" ).slider("option", "value", 24);
});