//  запрашиваем DOM
var links = document.querySelectorAll(".itemLinks");
var wrapper = document.querySelector("#wrapper");

// activeLink обеспечивает метку для активного элемента
var activeLink = 0;

// устанавливаем отслеживание событий
for ( var i = 0; i < links.length; i++) {
    var link = links[i] ;
    link.addEventListener('click', setClickedItem, false);

    // определяем элемент для activeLink
    link.itemID = i;
}

// устанавливаем первый элемент в качестве активного
links[activeLink].classList.add("active");

function setClickedItem(e) {
    removeActiveLinks();

    var clickedLink = e.target;
    activeLink = clickedLink.itemID;

    changePosition(clickedLink);
}

function removeActiveLinks() {
    for (var i = 0; i < links.length; i++) {
        links[i].classList.remove("active");
    }
}


// Обработчик изменяет позицию слайдера, после того, как мы убедились,
// что в качестве активной обозначена нужная нам ссылка.
function changePosition(link) {
    link.classList.add("active");

    var position = link.getAttribute("data-pos");
    wrapper.style.top = position;
}
// добавляем действие кнопки "just say hi"
hi.onclick = function goTo() {

    removeActiveLinks();

    if (activeLink < links.length - 5) {
        activeLink++;
    } else {
        activeLink = 4;
    }

    var newLink = links[activeLink];
    changePosition(newLink);
}

// отслеживаем колесико мыши
 window.onload = function() {
    if (window.addEventListener) window.addEventListener("DOMMouseScroll", mouse_wheel, false);
    window.onmousewheel = document.onmousewheel = mouse_wheel;
}
var mouse_wheel = function(event) {
    if (false == !!event) event = window.event;
    var direction = ((event.wheelDelta) ? event.wheelDelta/120 : event.detail/-3) || false;
}

// добавляем действие колесико мыши
window.onwheel = function(){
    removeActiveLinks();

    if (activeLink < links.length - 1) {
        activeLink++;
    } else {
        activeLink = 0;
    }
    var linkNew = links[activeLink];
    changePosition(linkNew);

}

// отслеживаем колесико мыши
 window.onload = function() {
    if (window.addEventListener) window.addEventListener("DOMMouseScroll", mouse_wheel, false);
    window.onmousewheel = document.onmousewheel = mouse_wheel;
}
var mouse_wheel = function(event) {
    if (false == !!event) event = window.event;
    var direction = ((event.wheelDelta) ? event.wheelDelta/120 : event.detail/-3) || false;
}

var step = 200;
var currentScroll = 0;
window.onwheel = function(e) {
    currentScroll += e.deltaY;
    if (Math.abs(currentScroll) > step) {
        // действия по уменьшених currentScroll на step
        // и прокрутка слайдера в ту или иную сторону
    }
}