$(function()
{
    var initbutton = $('#init-button'), app = $('#app'), form = $('#form'), searchinput = $('#search-input'), rcbtns = $('#r-btn, #c-btn'), submitbutton = $('#submit-button');

    function initapp()
    {
        app.toggleclass('active');

        if( form.hasclass('active') )
            form.removeclass('active');
        else
        {
            settimeout(function(){ form.addclass('active'); },40);
            settimeout(function(){ searchinput.focus(); },600);
        }
    }

    function checkinput()
    {
        if( $(this).val().trim().length > 0 )
        {
            rcbtns.addclass('change');
            submitbutton.addclass('active');
        }
        else
        {
            rcbtns.removeclass('change');
            submitbutton.removeclass('active');
        }
    }

    initbutton.on('click',initapp);
    searchinput.on('keyup',checkinput);
});