// PortfolioSlider.js
//

// This script controls the movement of the portfolio slider images
function ScrollPortfolioImages(sender, eventArgs) {
    var wrapperDiv = document.getElementById('portfolioImages_wrapper');
    var contentDiv = document.getElementById('portfolioImages_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";

}

// This script controls the movement of the portfolio overview text
function ScrollPortfolioOverviewText(sender, eventArgs) {
    var wrapperDiv = document.getElementById('portfolioOverview_wrapper');
    var contentDiv = document.getElementById('portfolioOverview_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";
}

// This script controls the movement of the portfolio solutions text
function ScrollPortfolioSolutionsText(sender, eventArgs) {
    var wrapperDiv = document.getElementById('portfolioSolutions_wrapper');
    var contentDiv = document.getElementById('portfolioSolutions_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";
}