$(document).ready(function(){
    $(".elements img").click(function(){
        var bgImgId = $(this).attr('alt');
        var $bgImgToShow = $("#"+bgImgId);
        var $bgImgToShow2 = $("#"+bgImgId+"2");
        var $bgImgToHide = $(".active-bg-img");
        
        if($bgImgToShow.hasClass('active-bg-img')) {
            return false;
        }
        
        $bgImgToHide.removeClass('active-bg-img');
        $bgImgToShow.addClass('active-bg-img');
        $bgImgToShow2.addClass('active-bg-img');
        
        $bgImgToHide.stop(true,true).fadeOut(500);
        $bgImgToShow.stop(true,true).fadeIn(700);
        $bgImgToShow2.stop(true,true).fadeIn(700);
    });
    
    setInterval(function(){
        var $nextImg = $('.active-bg-img').next('img.bgimage');
        
        if($nextImg.length < 1) {
            $nextImg = $('img.bgimage:first');
        }
        
        var buttonId = $nextImg.attr('id') + '-button';
        
        var $buttonToClick = $("#" + buttonId);
        
        $buttonToClick.click();
        
    }, 15000);
    
});