$(document).ready(function() { "use strict"; var currentimage = ""; var currentbullet= ""; var nextimage = 0; doslideshow(); function doslideshow() { currentimage = $(".active_image"); $(currentimage).removeclass("active_image"); if (!$(currentimage).next(".image_header").length) { $(".image_header").first().addclass("active_image"); } else { $(currentimage).next(".image_header").addclass("active_image"); } settimeout(doslideshow, 5000); } $(".next_image_btn").on('click',function() { movenextimage(); }); $(".previous_image_btn").on('click',function() { movepreviousimage(); }); function movenextimage() { currentimage = $(".active_image"); currentbullet=$(".slider_bullets .active").removeclass("active"); $(currentimage).removeclass("active_image"); if (!$(currentimage).next(".image_header").length) { $(".image_header").first().addclass("active_image"); $(".slider_bullets li").first().addclass("active"); } else { $(currentimage).next(".image_header").addclass("active_image"); $(currentbullet).next().addclass("active"); } } function movepreviousimage() { currentimage = $(".active_image"); currentbullet=$(".slider_bullets .active").removeclass("active"); $(currentimage).removeclass("active_image"); if (!$(currentimage).prev(".image_header").length) { $(".image_header").last().addclass("active_image"); $(".slider_bullets li").last().addclass("active"); } else { $(currentimage).prev(".image_header").addclass("active_image"); $(currentbullet).prev().addclass("active"); } } });