Witam, chciałbym przygotować prosty przełącznik po prawej stronie grafiki z fimami po lewej glowny film. Gdy klikamy z lewej strony grafikę przelacza się video. Prawie to zrobiłem, ale problem wynikł gdy ponownie klikam na grafike. to zamiast zmienić ponownie to wchodzi do złej funkcji (tej która została wcześniej użyta) mimo klasy którą zmieniłem.

Aby zrozumieć moj problem podsyłam kod (nie jest wysokich lotów) i podstrone.

Na stronie druga grafika "tesco" ma debuggera
Strona:
http://industrium.tester.zdi24.pl/po-pracy/
Kod:
Kod
$(".video-0").click(function(){
    $('.video iframe').attr("src", "https://www.youtube.com/embed/68_Rgto52uY");
    $(this).addClass(active);
    $(this).removeClass( "video-0");
    active="video-0";
    console.log('OK!');
    console.log(active);
    
});

$(".video-1").click(function(){
    $('.video iframe').attr("src", "https://www.youtube.com/embed/flLa0Df7jLQ");
    $(this).addClass(active);
    $(this).removeClass( "video-1");
    active="video-1";
    
    console.log(active);
    
});

$(".video-2").click(function(){
    debugger;
    $('.video iframe').attr("src", "https://www.youtube.com/embed/kIWSxMHvvkc");
    $(this).addClass(active);
    $(this).removeClass( "video-2");
    active="video-2";
    
    console.log(active);

});


$(".video-3").click(function(){
    $('.video iframe').attr("src", "https://www.youtube.com/embed/w73rcanokY4");
    $(this).addClass(active);
    $(this).removeClass( "video-3");
    active="video-3";
    
    console.log(active);
    
});

$(".video-4").click(function(){
    $('.video iframe').attr("src", "https://www.youtube.com/embed/USsiuJqLUEY");
    $(this).addClass(active);
    $(this).removeClass( "video-4");
    active="video-4";
    
    console.log(active);
    
    
});



Jeśli macie lepsze rozwiązania czy coś to prosze o pomoc.