var injected,
    searchBox = null,
    defaultStyle = null,
    editStyle = null;

function makeVirtualInputField(searchBox) {
    console.log('makeField');

    document.body.setAttribute('style', 'height:360px;overflow:hidden');

    defaultStyle = 'outline: 0 !important;font-size:2.2em !important;font-weight:normal;' +
        'background-color: #000 !important;box-sizing:border-box;' +
        'color:#fff !important;' +
        'border: 0 !important;' +
        'position: fixed !important;' +
        'top:0 !important;' +
        'left:0 !important;' +
        'width:100% !important;' +
        'height: 36px !important;' +
        'margin: 0 !important;' +
        'padding: 50% 25% 50% 25% !important;' +
        'z-index: 99999 !important;';

    searchBox.setAttribute('style', defaultStyle);

    searchBox.addEventListener('touchstart', function(e) {
        editStyle = 'outline: 0 !important;font-size:2.2em !important;font-weight:normal;' +
            'background-color: #000 !important;box-sizing:border-box;' +
            'color:#fff !important;' +
            'border: 0 !important;' +
            'position: fixed !important;' +
            'top:0 !important;' +
            'left:0 !important;' +
            'width:100% !important;' +
            'height: 36px !important;' +
            'margin: 0 !important;' +
            'padding: 15% 25% 85% 25% !important;' +
            'z-index: 99999 !important;';

        searchBox.setAttribute('style', editStyle);
    });
}

function didFocusEvent(e) {
    searchBox = e.target;

    makeVirtualInputField(searchBox);
    console.log(searchBox);
}

function bindingEvents() {

    if (typeof injected !== 'undefined') {
        console.log('already injected');
        return;
    } else {
        console.log('first injected');
    }

    injected = true;

    var inputs = document.querySelectorAll('input[type=text],input[type=email],input[type=search]');
    for (var i = 0; i < inputs.length; i++) {
        (function() {
            var input = inputs[i];
            input.addEventListener('focus', didFocusEvent);
        })();
    }

    document.addEventListener('ime-closed', function(e) {
        console.log('ime-closed');
        searchBox.setAttribute('style', defaultStyle);
    });
}

bindingEvents();
