jQuery(function() {

    /* Slider */
    var sliders = $('.block.slider');

    // Nav click handler
    sliders.find('.nav a').click(function() {
        var nav = $(this).closest('.nav');
        var slides = $(this).closest('.block').find('.slides');
        var current = $(nav.find('.active').removeClass('active').attr('href'));
        $(this).addClass('active');
        var slide = $($(this).attr('href'));
        if (slide.not(current).size() > 0) {
            var children = slides.children();
            if (children.index(slide) < children.index(current)) {
                slides.css('margin-left', parseInt((slides.css('margin-left') || '0').replace('px', '')) + slide.width());
            }
            slide.detach().insertAfter(current);
            var newMargin = (slides.css('margin-left') || '0').replace('px', '') - slide.position().left;
            slides.animate({ 'margin-left': newMargin }, 'slow');
        }
        return false;
    });

    // Animation
    sliders.filter('.autoscroll').each(function() {
        var block = $(this);
        var carousel = {
            delay: block.find('.slides').attr('data-interval') * 1000 || 5000,
            start: function() {
                var carousel = this;
                carousel.stop();
                this.interval = setInterval(function() { carousel.rotate(); }, this.delay);
            },
            stop: function() {
                clearInterval(this.interval);
            },
            rotate: function() {
                var links = block.find('.nav a');
                var active = links.filter('.active');
                var current = links.index(active);
                current++;
                if (current >= links.size()) current = 0;
                links.eq(current).click();
            }
        };

        block.hover(function() { carousel.stop(); }, function() { carousel.start(); });
        carousel.start();

    });

    $('.vacancy-selection .article-content h3').click(function() {
        $(this).toggleClass('active');
        $(this).next().toggleClass('active');
        return false;
    });

});