Adding Values from array - Jquery UI Sliders

Question

Can some one help in this as I can't figure it out. Everythign is working as it should but from some reason the addition of the values from the arrays in var mbdata are not adding up correctly. Here is the code:

$(function() {
var labelArr = new Array(0, 20, 75, 1500);
$( "#slider" ).slider({
  values: 0,
  min: 0,
  max: labelArr.length-1,
  slide: function( event, ui ) {
      mbdata=labelArr[ui.value]+labelArr[$( "#slider_2" ).slider("value")]+labelArr[$( "#slider_3" ).slider( "value" )]+labelArr[$( "#slider_4" ).slider( "value" )]+labelArr[$( "#slider_5" ).slider( "value" )]+labelArr[$( "#slider_6" ).slider( "value" )]; 
        g1.refresh(mbdata);

  }
});
});


$(function() {
var labelArr = new Array(0, 30, 75, 150);
$( "#slider_2" ).slider({
  value:0,
  min: 0,
  max: labelArr.length - 1,
  slide: function( event, ui ) {
      mbdata=labelArr[ui.value]+labelArr[$( "#slider_3" ).slider( "value" )]+labelArr[$( "#slider" ).slider( "value" )]+labelArr[$( "#slider_4" ).slider( "value" )]+labelArr[$( "#slider_5" ).slider( "value" )]+labelArr[$( "#slider_6" ).slider( "value" )];
        g1.refresh(mbdata);
  }

  });
});

$(function() {
var labelArr = new Array(0, 20, 100, 200);
$( "#slider_3" ).slider({
  value:0,
  min: 0,
  max: labelArr.length - 1,
  slide: function( event, ui ) {
$( "#days" ).val( ui.value );
      $("#label_3").html(labelArr[ui.value]);
      mbdata=labelArr[ui.value]+labelArr[$( "#slider_2" ).slider( "value" )]+labelArr[$( "#slider" ).slider( "value" )]+labelArr[$( "#slider_4" ).slider( "value" )]+labelArr[$( "#slider_5" ).slider( "value" )]+labelArr[$( "#slider_6" ).slider( "value" )];

        g1.refresh(mbdata);

  }
});
});


$(function() {
var labelArr = new Array(0, 10, 20, 50);
$( "#slider_4" ).slider({
  value:0,
  min: 0,
  max: labelArr.length - 1,
  slide: function( event, ui ) {
$( "#days" ).val( ui.value );
      $("#label_4").html(labelArr[ui.value]);
      mbdata=labelArr[ui.value]+labelArr[$( "#slider_2" ).slider( "value" )]+labelArr[$( "#slider" ).slider( "value" )]+labelArr[$( "#slider_3" ).slider( "value" )]+labelArr[$( "#slider_5" ).slider( "value" )]+labelArr[$( "#slider_6" ).slider( "value" )];

        g1.refresh(mbdata);

  }
});
});



$(function() {
var labelArr = new Array(0, 70, 140, 350);
$( "#slider_5" ).slider({
 value:0,
  min: 0,
  max: labelArr.length - 1,
  slide: function( event, ui ) {
$( "#days" ).val( ui.value );
      $("#label_3").html(labelArr[ui.value]);
      mbdata=labelArr[ui.value]+labelArr[$( "#slider_4" ).slider( "value" )]+labelArr[$( "#slider_3" ).slider( "value" )]+labelArr[$( "#slider_2" ).slider( "value" )]+labelArr[$( "#slider" ).slider( "value" )]+labelArr[$( "#slider_6" ).slider( "value" )];

        g1.refresh(mbdata);

  }
});
});

$(function() {
var labelArr = new Array(0, 60, 240,600);
$( "#slider_6" ).slider({
  value:0,
  min: 0,
  max: labelArr.length - 1,
  slide: function( event, ui ) {
$( "#days" ).val( ui.value );
      $("#label_6").html(labelArr[ui.value]);
      mbdata=labelArr[ui.value]+labelArr[$( "#slider_5" ).slider( "value" )]+labelArr[$( "#slider_4" ).slider( "value" )]+labelArr[$( "#slider_3" ).slider( "value" )]+labelArr[$( "#slider_2" ).slider( "value" )]+labelArr[$( "#slider" ).slider( "value" )];

        g1.refresh(mbdata);
  }
});
});

If you wanna have a look at a live version: http://www.rcb.com.mt/wordpresstesting/melita/calculator/Data-Calculator.html

Answer 1

You use the same variable name in all functions. When you declare a new array you overwrite the old one.

Try to declare arrays with different names.