(function(){
    // Test for placeholder support
    function placeholderIsSupported() {
        var input = document.createElement('input');
        return ('placeholder' in input);
    }
    // If placeholder text is supported, we can hide the <label> elements on page load.
    // Hiding the labels with JavaScript after the page loads ensures
    // that browsers with JavaScript turned off (and those without placeholder support)
    // can still use the form.

    // Hide labels by default if placeholders are supported and inputs are empty
    if(placeholderIsSupported) {
        var listItems = document.querySelectorAll('div.float-label');
        var inputs = [];
        for(var listItem of listItems) {
            var input = listItem.querySelectorAll('.float-label input, .float-label select, .float-label textarea')[0];
            inputs.push(input);
            
            if (input.type == "textarea") {
                var inputValue = input.innerHTML;
            } else {
                inputValue = input.value;
            }
            
            if (inputValue) {
                listItem.className += " js-unhighlight-label"; 
            } else {
                listItem.className += " js-hide-label";
            }
        };

        for (var input of inputs) {
            input.addEventListener("keyup", handleClasses());
            input.addEventListener("blur", handleClasses());
            input.addEventListener("focus", handleClasses());
            input.addEventListener("change", handleClasses());
        };

        function handleClasses() {
            return function(e) {
                e.preventDefault();
                var parentElement = this.parentNode;
                if (e.type == 'keyup') {
                    if( this.value == '' ) {
                        parentElement.classList.add('js-hide-label');
                    } else {
                        parentElement.classList.remove('js-hide-label');
                    }
                }
                else if (e.type == 'blur') {
                    if( this.value == '' ) {
                        parentElement.classList.add('js-hide-label');
                    } 
                    else {
                        parentElement.classList.remove('js-hide-label');
                        parentElement.classList.add('js-unhighlight-label');
                    }
                } 
                else if (e.type == 'focus') {
                    if( this.value !== '' ) {
                        parentElement.classList.remove('js-unhighlight-label');
                    }
                }
                else if (this.nodeName == 'SELECT' && this.value != '' ) {
                    parentElement.classList.remove('js-hide-label');
                }
            };
        };
    };
}());