function scaleIt(v) {
  var scalePhotos = document.getElementsByClassName("scale-image");

  // Remap the 0-1 scale to fit the desired range
  floorSize = .26;
  ceilingSize = 0.7;
  v = floorSize + (v * (ceilingSize - floorSize));

  for (i=0; i < scalePhotos.length; i++) {
    scalePhotos[i].style.width = (v*190)+"px";
  }
}
var demoSlider = new Control.Slider('handle1','track1', 
      {axis:'horizontal', minimum: 0, maximum:210, alignX: 1, increment: 1, sliderValue: 0});

demoSlider.options.onSlide = function(value){
  scaleIt(value);
}
demoSlider.options.onChange = function(value){
  scaleIt(value);
}



function scaleIt2(v) {
  var scalePhotos2 = document.getElementsByClassName("scale-image2");

  // Remap the 0-1 scale to fit the desired range
  floorSize = .26;
  ceilingSize = 0.7;
  v = floorSize + (v * (ceilingSize - floorSize));

  for (i=0; i < scalePhotos2.length; i++) {
    scalePhotos2[i].style.width = (v*190)+"px";
  }
}
var demoSlider2 = new Control.Slider('handle2','track2', 
      {axis:'horizontal', minimum: 0, maximum:180, alignX: 1, increment: 1, sliderValue: 0});

demoSlider2.options.onSlide = function(value){
  scaleIt2(value);
}
demoSlider2.options.onChange = function(value){
  scaleIt2(value);
}



function scaleIt3(v) {
  var scalePhotos3 = document.getElementsByClassName("scale-image3");

  // Remap the 0-1 scale to fit the desired range
  floorSize = .26;
  ceilingSize = 0.7;
  v = floorSize + (v * (ceilingSize - floorSize));

  for (i=0; i < scalePhotos3.length; i++) {
    scalePhotos3[i].style.width = (v*190)+"px";
  }
}
var demoSlider3 = new Control.Slider('handle3','track3', 
      {axis:'horizontal', minimum: 0, maximum:180, alignX: 1, increment: 1, sliderValue: 0});

demoSlider3.options.onSlide = function(value){
  scaleIt3(value);
}
demoSlider3.options.onChange = function(value){
  scaleIt3(value);
}



function scaleIt4(v) {
  var scalePhotos4 = document.getElementsByClassName("scale-image4");

  // Remap the 0-1 scale to fit the desired range
  floorSize = .26;
  ceilingSize = 0.7;
  v = floorSize + (v * (ceilingSize - floorSize));

  for (i=0; i < scalePhotos4.length; i++) {
    scalePhotos4[i].style.width = (v*190)+"px";
  }
}
var demoSlider4 = new Control.Slider('handle4','track4', 
      {axis:'horizontal', minimum: 0, maximum:180, alignX: 1, increment: 1, sliderValue: 0});

demoSlider4.options.onSlide = function(value){
  scaleIt4(value);
}
demoSlider4.options.onChange = function(value){
  scaleIt4(value);
}




function scaleIt5(v) {
  var scalePhotos5 = document.getElementsByClassName("scale-image5");

  // Remap the 0-1 scale to fit the desired range
  floorSize = .26;
  ceilingSize = 0.7;
  v = floorSize + (v * (ceilingSize - floorSize));

  for (i=0; i < scalePhotos5.length; i++) {
    scalePhotos5[i].style.width = (v*190)+"px";
  }
}
var demoSlider5 = new Control.Slider('handle5','track5', 
      {axis:'horizontal', minimum: 0, maximum:180, alignX: 1, increment: 1, sliderValue: 0});

demoSlider5.options.onSlide = function(value){
  scaleIt5(value);
}
demoSlider5.options.onChange = function(value){
  scaleIt5(value);
}



function scaleIt6(v) {
  var scalePhotos6 = document.getElementsByClassName("scale-image6");

  // Remap the 0-1 scale to fit the desired range
  floorSize = .26;
  ceilingSize = 0.7;
  v = floorSize + (v * (ceilingSize - floorSize));

  for (i=0; i < scalePhotos6.length; i++) {
    scalePhotos6[i].style.width = (v*190)+"px";
  }
}
var demoSlider6 = new Control.Slider('handle6','track6', 
      {axis:'horizontal', minimum: 0, maximum:180, alignX: 1, increment: 1, sliderValue: 0});

demoSlider6.options.onSlide = function(value){
  scaleIt6(value);
}
demoSlider6.options.onChange = function(value){
  scaleIt6(value);
}