                     self.currentField = self.nextField
                     self.currentNavDot = self.nextNavDot
 
+                    self._focusOnCurrentFieldInput()
+                    # alert(self.currentField.querySelectorAll('ewfwefew'))
+                    # console.log self.currentField.tagName
+                    # # focus on control, if possible
+                    # switch self.currentField.tagName.toLowerCase()
+                    #     when 'input', 'textarea'
+                    #         self.currentField.focus()
+
                     self.isBusy = self.isAnimating = false
                     true
 

                                        self._nextField()
                                        true
                                    true
                            when 'text' #, 'hidden' hidden does not fire onchange event so...
                                input.addEventListener 'change', () ->
                                    alert('changed')
                                    self._nextField()
                                    true
                            when 'button'
                                input.addEventListener 'click', () ->
                                    self._nextField()
                                    true
                        # true
                true


                    onEndAnimationFn()

                true
            true

        _focusOnCurrentFieldInput: (el) ->
            # console.log this.currentField
            if el == undefined
                #explicitly selecting type to ensure a hidden input isn't selected
                el = this.currentField.querySelector('input[type="text"]') || this.currentField.querySelector('input[type="password"]') || this.currentField.querySelector('input[type="radio"]') || this.currentField.querySelector('input[type="checkbox"]') || this.currentField.querySelector('select') || this.currentField.querySelector('textarea')

            # if not element to focus in on
            if not el
                return

            switch el.tagName.toLowerCase()
                when 'select'
                    el.focus()
                when "input"
                    type = el.type.toLowerCase()
                    switch type
                        when 'radio', 'checkbox', 'button'
                            el.focus()
                        when 'text', 'textarea', 'password'
                            el.select()
            true

        _showField: (pos)->
