Слайдер страницы
 

Всем привет! Не могу понять как реализовать такой слайдер
https://www.pinkspage.com/home/

сейчас все работает коряво на тачпаде, вот основная страница

lipskerov.fininvest.kz

вот код

var photo = document.getElementById('photo');
var books = document.getElementById('books');
var first1 = document.getElementById('first-first');
var text = document.getElementById('text');
var critics = document.getElementById('critics');
var first2 = document.getElementById('second-first');
var audio = document.getElementById('audio');
var blog = document.getElementById('blog');
var first3 = document.getElementById('third-first');

var count = 0;

document.onwheel = function(){


count++;
console.log(count);
if(first1.style.width=="100%" && count <=6){

books.style.width="100%";
first1.style.width="0%";
text.style.opacity = "1";
first2.style.opacity ="0";
audio.style.height = "100%";
first3.style.height = "0";
}

if(books.style.width=="100%" && count>6 && count <=12)
{
whatfaze =2;
books.style.width="0%";
photo.style.width="100%";
text.style.opacity = "0";
critics.style.opacity ="1";
audio.style.height = "0";
blog.style.height = "100%";

}

if(photo.style.width=="100%" && count>12 && count <=18)
{
whatfaze =3;
photo.style.width="0%";
first1.style.width="100%";
first2.style.opacity = "1s";
critics.style.opacity ="0";
blog.style.height = "0";
first3.style.height = "100%";
}

document.addEventListener('touchmove',function(){
alert(1);
if(first1.style.width=="100%"){

books.style.width="100%";
first1.style.width="0%";
text.style.opacity = "1";
first2.style.opacity ="0";
audio.style.height = "100%";
first3.style.height = "0";
}

if(books.style.width=="100%")
{
whatfaze =2;
books.style.width="0%";
photo.style.width="100%";
text.style.opacity = "0";
critics.style.opacity ="1";
audio.style.height = "0";
blog.style.height = "100%";

}

if(photo.style.width=="100%")
{
whatfaze =3;
photo.style.width="0%";
first1.style.width="100%";
first2.style.opacity = "1s";
critics.style.opacity ="0";
blog.style.height = "0";
first3.style.height = "100%";
}
});

if(count >=18) {
count=0;
}



}