Owl Carousel 2 (Custom function: triggering actions on base of slide number)

script.js

/**
 * function for triggering different events
 * on base of slide number in 
 * Owl Carousel 2
 * @url (http://www.owlcarousel.owlgraphic.com/)
 */
vr_slider_detailsPage.on('change.owl.carousel', function(event) {
	//console.log(event.item.index);
	var vr_slide_index = event.item.index;
	if ( vr_slide_index == 2 ) {
		$('.vr_carousel__pagDiv > div').removeClass('vr_carousel__currentSlide');
		$('.vr_carousel__pagDiv:nth-child(2) > div').addClass('vr_carousel__currentSlide');
	}
	if ( vr_slide_index == 3 ) {
		$('.vr_carousel__pagDiv > div').removeClass('vr_carousel__currentSlide');
		$('.vr_carousel__pagDiv:nth-child(3) > div').addClass('vr_carousel__currentSlide');
	}
	if ( vr_slide_index == 4 ) {
		$('.vr_carousel__pagDiv > div').removeClass('vr_carousel__currentSlide');
		$('.vr_carousel__pagDiv:nth-child(1) > div').addClass('vr_carousel__currentSlide');
	}
});