var username = "логин";
var password = "пароль";
var searchbar = "поиск";
var filterbar = "фильтр";

var searchbar_id = "input#searchbar";
var filterbar_id = "input#filterbar";
var username_id = "#headerauth input#id_username";
var password_id = "#headerauth input#id_password";


$(document).ready(function(){
    input_init = function(id, val) {
        if ($(id).val() == '') {
            $(id).val(val);
            $(id).addClass('grey');
        }        
    }
    input_clear = function(id, val) {
        if ($(id).val() == val) {
            $(id).val('');
            $(id).removeClass('grey');
        }
    }
    input_fill = function(id, val) {
        if ($(id).val() == '') {
            $(id).val(val);
            $(id).addClass('grey');
        }
    }
    input_init(searchbar_id, searchbar);
    $(searchbar_id).focus(function(e) {
        input_clear(searchbar_id, searchbar);
    });
    $(searchbar_id).blur(function(e) {
        input_fill(searchbar_id, searchbar);
    });

    input_init(filterbar_id, filterbar);
    $(filterbar_id).focus(function(e) {
        input_clear(filterbar_id, filterbar);
    });
    $(filterbar_id).blur(function(e) {
        input_fill(filterbar_id, filterbar);
    });
    
    input_init(username_id, username);
    $(username_id).focus(function(e) {
        input_clear(username_id, username);
        input_clear(password_id, password);            
    });
    $(username_id).blur(function(e) {
        input_fill(username_id, username);
        input_fill(password_id, password);            
    });
    
    input_init(password_id, password);
    $(password_id).focus(function(e) {
        input_clear(password_id, password);            
        input_clear(username_id, username);
    });
    $(password_id).blur(function(e) {
        input_fill(password_id, password);            
        input_fill(username_id, username);
    });
    

});