;(function($, w) { 
    w.droitAnimatedText = function(options) {
        var defaults = {
            selector: '.dl_animated_headline',
            animationDelay: 2500,
            //loading bar effect
            barAnimationDelay: 3800,
            //barWaiting: this.barAnimationDelay - 3000, //3000 is the duration of the transition on the loading bar - set in the scss/css file
            //letters effect
            lettersDelay: 50,
            //type effect
            typeLettersDelay: 150,
            selectionDuration: 500,
            //typeAnimationDelay: this.selectionDuration + 800,
            //clip effect
            revealDuration: 600,
            revealAnimationDelay: 1500
        };

        options = $.extend(defaults, options);

        var $selector = $(options.selector),
            animationDelay = options.animationDelay,
            barAnimationDelay = options.barAnimationDelay,
            // barWaiting = options.barWaiting,
            barWaiting = barAnimationDelay - 3000,
            lettersDelay = options.lettersDelay,
            typeLettersDelay = options.typeLettersDelay,
            selectionDuration = options.selectionDuration,
            // typeAnimationDelay = options.typeAnimationDelay,
            typeAnimationDelay = selectionDuration + 800,
            revealDuration = options.revealDuration,
            revealAnimationDelay = options.revealAnimationDelay;

        //console.log(animationDelay);

        //initialise headline animation
        animateHeadline($selector);
        //insert <i> element for each letter of a changing word
        $selector.hasClass('letters') && singleLetters($selector.find('b'));

        function singleLetters($words) {
            $words.each(function(){
                var word = $(this),
                    letters = word.text().split(''),
                    selected = word.hasClass('is-visible'),
                    isRotate2 = word.parents('.rotate-2').length;

                for (i in letters) {
                    var letter = ! $.trim(letters[i]) ? '&nbsp;' : letters[i];

                    if ( isRotate2 ) {
                        letter = '<em>' + letter + '</em>';
                    }

                    if ( selected ) {
                        letters[i] = '<i class="in">' + letter + '</i>'
                    } else {
                        letters[i] = '<i>' + letter + '</i>'
                    }
                }

                word.html( letters.join('') ).css('opacity', 1);
            });
        }

        function animateHeadline($headlines) {
            var duration = animationDelay;
            $headlines.each(function(){
                var headline = $(this);

                if(headline.hasClass('loading-bar')) {
                    duration = barAnimationDelay;
                    setTimeout(function(){ headline.find('.dl_words_wrapper').addClass('is-loading') }, barWaiting);
                } else if (headline.hasClass('clip')){
                    var spanWrapper = headline.find('.dl_words_wrapper'),
                        newWidth = spanWrapper.width() + 10
                    spanWrapper.css('width', newWidth);
                } else if (!headline.hasClass('type') ) {
                    //assign to .dl_words_wrapper the width of its longest word
                    var words = headline.find('.dl_words_wrapper b'),
                        width = 0;
                    words.each(function(){
                        var wordWidth = $(this).width();
                        if (wordWidth > width) width = wordWidth;
                    });
                    headline.find('.dl_words_wrapper').css('width', width);
                };

                //trigger animation
                setTimeout(function(){ hideWord( headline.find('.is-visible').eq(0) ) }, duration);
            });
        }

        function hideWord($word) {
            var nextWord = takeNext($word);

            if($word.parents('.dl_animated_headline').hasClass('type')) {
                var parentSpan = $word.parent('.dl_words_wrapper');
                parentSpan.addClass('selected').removeClass('waiting');
                setTimeout(function(){
                    parentSpan.removeClass('selected');
                    $word.removeClass('is-visible').addClass('is-hidden').children('i').removeClass('in').addClass('out');
                }, selectionDuration);
                setTimeout(function(){ showWord(nextWord, typeLettersDelay) }, typeAnimationDelay);

            } else if($word.parents('.dl_animated_headline').hasClass('letters')) {
                var bool = ($word.children('i').length >= nextWord.children('i').length) ? true : false;
                hideLetter($word.find('i').eq(0), $word, bool, lettersDelay);
                showLetter(nextWord.find('i').eq(0), nextWord, bool, lettersDelay);

            }  else if($word.parents('.dl_animated_headline').hasClass('clip')) {
                $word.parents('.dl_words_wrapper').animate({ width : '2px' }, revealDuration, function(){
                    switchWord($word, nextWord);
                    showWord(nextWord);
                });

            } else if ($word.parents('.dl_animated_headline').hasClass('loading-bar')){
                $word.parents('.dl_words_wrapper').removeClass('is-loading');
                switchWord($word, nextWord);
                setTimeout(function(){ hideWord(nextWord) }, barAnimationDelay);
                setTimeout(function(){ $word.parents('.dl_words_wrapper').addClass('is-loading') }, barWaiting);

            } else {
                switchWord($word, nextWord);
                setTimeout(function(){ hideWord(nextWord) }, animationDelay);
            }
        }

        function showWord($word, $duration) {
            if($word.parents('.dl_animated_headline').hasClass('type')) {
                showLetter($word.find('i').eq(0), $word, false, $duration);
                $word.addClass('is-visible').removeClass('is-hidden');

            }  else if($word.parents('.dl_animated_headline').hasClass('clip')) {
                $word.parents('.dl_words_wrapper').animate({ 'width' : $word.width() + 10 }, revealDuration, function(){
                    setTimeout(function(){ hideWord($word) }, revealAnimationDelay);
                });
            }
        }

        function hideLetter($letter, $word, $bool, $duration) {
            $letter.removeClass('in').addClass('out');

            if(!$letter.is(':last-child')) {
                setTimeout(function(){ hideLetter($letter.next(), $word, $bool, $duration); }, $duration);
            } else if($bool) {
                setTimeout(function(){ hideWord(takeNext($word)) }, animationDelay);
            }

            if($letter.is(':last-child') && $('html').hasClass('no-csstransitions')) {
                var nextWord = takeNext($word);
                switchWord($word, nextWord);
            }
        }

        function showLetter($letter, $word, $bool, $duration) {
            $letter.addClass('in').removeClass('out');

            if(!$letter.is(':last-child')) {
                setTimeout(function(){ showLetter($letter.next(), $word, $bool, $duration); }, $duration);
            } else {
                if($word.parents('.dl_animated_headline').hasClass('type')) { setTimeout(function(){ $word.parents('.dl_words_wrapper').addClass('waiting'); }, 200);}
                if(!$bool) { setTimeout(function(){ hideWord($word) }, animationDelay) }
            }
        }

        function takeNext($word) {
            return (!$word.is(':last-child')) ? $word.next() : $word.parent().children().eq(0);
        }

        function takePrev($word) {
            return (!$word.is(':first-child')) ? $word.prev() : $word.parent().children().last();
        }

        function switchWord($oldWord, $newWord) {
            $oldWord.removeClass('is-visible').addClass('is-hidden');
            $newWord.removeClass('is-hidden').addClass('is-visible');
        }
    }
}(jQuery, window));
