jQuery(document).ready(function() {
    jQuery('#infographic .venn-nav a').click(function() {
        var newSlide = jQuery(this).attr('data-slide');
        if (jQuery('#infographic .ig-slide.'+newSlide).hasClass('active') != true) {
            jQuery('#infographic .ig-slide').animate({opacity: 0}, 500,
                function() {
                    jQuery(this).removeClass('active');
                    jQuery('#infographic').css({height: 917});
                    setTimeout(function() {
                        jQuery('#infographic .ig-slide.'+newSlide).addClass('active');
                        jQuery('#infographic').css({height: 'auto'});
                    }, 1); //yeah, setTimeout is a shifty fix here, I know, shut up.
            });
            jQuery('#infographic .ig-slide.'+newSlide).css({opacity:0, display: 'block'});
            jQuery('#infographic .ig-slide.'+newSlide).animate({opacity: 1}, 500);
        }
    });
    
    jQuery('#infographic a.btn').click(function() {
        var classList = jQuery('#infographic .ig-slide.active').attr('class');
        classList = classList.replace('ig-slide','').replace('active','').trim();
        classList = classList.split('-');		
        if (jQuery(this).hasClass('previous')) {
            classList[1]--;
        } else if (jQuery(this).hasClass('next')) {
            classList[1]++;
        }
        if (parseInt(classList[1]) > 4) classList[1] = 1;
        if (parseInt(classList[1]) < 1) classList[1] = 4;
        classList = classList.join('-');
        jQuery('#infographic .venn-nav a[data-slide="'+classList+'"]').trigger('click');
    });
    
});