

$(document).ready(function(){
  $("#content-slider").slider({
    animate: true,
    handle: ".content-slider-handle",
    change: handleSliderChange,
    slide: handleSliderSlide
  });
});

function handleSliderChange(e, ui)
{
  var maxScroll = $("#content-scroll_left").attr("scrollWidth") - $("#content-scroll_left").width();
  $("#content-scroll_left").animate({scrollLeft: ui.value * (maxScroll / 100) }, 1000);
}

function handleSliderSlide(e, ui)
{
  var maxScroll = $("#content-scroll_left").attr("scrollWidth") - $("#content-scroll_left").width();
  $("#content-scroll_left").attr({scrollLeft: ui.value * (maxScroll / 100) });
}


// FOR LEFT
$(document).ready(function(){
  $("#content-slider_left").slider({
    animate: false,
    handle: ".content-slider-handle_left",
    change: handleSliderChangeLeft,
    slide: handleSliderSlideLeft
  });
});

function handleSliderChangeLeft(e, ui)
{
  var maxScroll = $("#content_scroll_left2").attr("scrollHeight") - $("#content_scroll_left2").height();
  $("#content_scroll_left2").animate({scrollTop: ui.value * (maxScroll / 100) }, 1000);
}

function handleSliderSlideLeft(e, ui)
{
  var maxScroll = $("#content_scroll_left2").attr("scrollHeight") - $("#content_scroll_left2").height();
  $("#content_scroll_left2").attr({scrollTop: ui.value * (maxScroll / 100) });
}

//for inner left
$(document).ready(function(){
  $("#content-slider_left_inner").slider({
    animate: false,
    handle: ".content-slider-handle_left_inner",
    change: handleSliderChangeinner,
    slide: handleSliderSlideinner
  });
});

function handleSliderChangeinner(e, ui)
{
  var maxScroll = $("#content_scroll_left_inner").attr("scrollHeight") - $("#content_scroll_left_inner").height();
  $("#content_scroll_left_inner").animate({scrollTop: ui.value * (maxScroll / 100) }, 1000);
}

function handleSliderSlideinner(e, ui)
{
  var maxScroll = $("#content_scroll_left_inner").attr("scrollHeight") - $("#content_scroll_left_inner").height();
  $("#content_scroll_left_inner").attr({scrollTop: ui.value * (maxScroll / 100) });
}




/*Address sliding panel*/

$(document).ready(function(){
  $("#address_sliding_slider").slider({
    animate: true,
    handle: ".address_sliding_handle",
    change: addresshandleSliderChange,
    slide: addresshandleSliderSlide
  });
});

function addresshandleSliderChange(e, ui)
{
  var maxScroll = $("#address-scroll_left").attr("scrollWidth") - $("#address-scroll_left").width();
  $("#address-scroll_left").animate({scrollLeft: ui.value * (maxScroll / 100) }, 1000);
}

function addresshandleSliderSlide(e, ui)
{
  var maxScroll = $("#address-scroll_left").attr("scrollWidth") - $("#address-scroll_left").width();
  $("#address-scroll_left").attr({scrollLeft: ui.value * (maxScroll / 100) });
}


