﻿function ScrollText(sender, eventArgs) {
    var wrapperDiv = document.getElementById('lorem_wrapper');
    var contentDiv = document.getElementById('lorem_content');
    var availableHeight = contentDiv.scrollHeight - wrapperDiv.offsetHeight;

    var sliderSmallChange = sender.get_smallChange();
    var sliderMinValue = sender.get_minimumValue();
    var sliderValue = sender.get_value();

    var steps = sliderValue / sliderSmallChange;
    var stepLength = availableHeight / ((sender.get_maximumValue() - sliderMinValue) / sliderSmallChange);

    var newPosition = (-1) * steps * stepLength;
    contentDiv.style.top = ((sliderValue == sliderMinValue) ? 0 : newPosition) + "px";
}

function ScrollText2(sender, eventArgs) {
    var wrapperDiv = document.getElementById('lorem_wrapper2');
    var contentDiv = document.getElementById('lorem_content2');
    var availableHeight = contentDiv.scrollHeight - wrapperDiv.offsetHeight;

    var sliderSmallChange = sender.get_smallChange();
    var sliderMinValue = sender.get_minimumValue();
    var sliderValue = sender.get_value();

    var steps = sliderValue / sliderSmallChange;
    var stepLength = availableHeight / ((sender.get_maximumValue() - sliderMinValue) / sliderSmallChange);

    var newPosition = (-1) * steps * stepLength;
    contentDiv.style.top = ((sliderValue == sliderMinValue) ? 0 : newPosition) + "px";
}

function ScrollProducts(sender, eventArgs) {
    var wrapperDiv = document.getElementById('videoBoxes_wrapper');
    var contentDiv = document.getElementById('videoBoxes_content');
    var availableWidth = contentDiv.scrollWidth - wrapperDiv.offsetWidth;

    var sliderSmallChange = sender.get_smallChange();
    var sliderMinValue = sender.get_minimumValue();
    var sliderValue = sender.get_value();

    var steps = sliderValue / sliderSmallChange;
    var stepLength = availableWidth / ((sender.get_maximumValue() - sliderMinValue) / sliderSmallChange);

    var newPosition = (-1) * steps * stepLength;
    contentDiv.style.left = ((sliderValue == sliderMinValue) ? 0 : newPosition) + "px";
}

function ScrollProducts2(sender, eventArgs) {
    var wrapperDiv = document.getElementById('videoBoxes_wrapper2');
    var contentDiv = document.getElementById('videoBoxes_content2');
    var availableWidth = contentDiv.scrollWidth - wrapperDiv.offsetWidth;

    var sliderSmallChange = sender.get_smallChange();
    var sliderMinValue = sender.get_minimumValue();
    var sliderValue = sender.get_value();

    var steps = sliderValue / sliderSmallChange;
    var stepLength = availableWidth / ((sender.get_maximumValue() - sliderMinValue) / sliderSmallChange);

    var newPosition = (-1) * steps * stepLength;
    contentDiv.style.left = ((sliderValue == sliderMinValue) ? 0 : newPosition) + "px";
}

function ScrollProducts3(sender, eventArgs) {
    var wrapperDiv = document.getElementById('videoBoxes_wrapper3');
    var contentDiv = document.getElementById('videoBoxes_content3');
    var availableWidth = contentDiv.scrollWidth - wrapperDiv.offsetWidth;

    var sliderSmallChange = sender.get_smallChange();
    var sliderMinValue = sender.get_minimumValue();
    var sliderValue = sender.get_value();

    var steps = sliderValue / sliderSmallChange;
    var stepLength = availableWidth / ((sender.get_maximumValue() - sliderMinValue) / sliderSmallChange);

    var newPosition = (-1) * steps * stepLength;
    contentDiv.style.left = ((sliderValue == sliderMinValue) ? 0 : newPosition) + "px";
}
