$(function() {

    var input = $('input#title-search-input');
    var divInput = $('div.input');
    var width = divInput.width();
    var outerWidth = divInput.parent().width() - (divInput.outerWidth() - width) - 40;
    var submit = $('.searchbutton');
    var txt = input.val();

    input.bind('focus',
            function() {
                if (input.val() === txt) {
                    input.val('');
                }
                $(this).animate({color: '#000'}, 100); // text color
                $(this).parent().animate({
                            width: outerWidth + 'px',
                            backgroundColor: '#fff', // background color
                            paddingRight: '43px'
                        }, 100,
                        function() {
                            if (!(input.val() === '' || input.val() === txt)) {
                                if (!($.browser.msie && $.browser.version < 9)) {
                                    submit.fadeIn(100);
                                } else {
                                    submit.css({display: 'block'});
                                }
                            }
                        }).addClass('focus');
            }).bind('blur',
            function() {
                $(this).animate({color: '#b4bdc4'}, 100); // text color
                $(this).parent().animate({
                            width: width + 'px',
                            backgroundColor: '#e8edf1', // background color
                            paddingRight: '15px'
                        }, 100,
                        function() {
                            if (input.val() === '') {
                                input.val(txt)
                            }
                        }).removeClass('focus');
                if (!($.browser.msie && $.browser.version < 9)) {
                    submit.fadeOut(100);
                } else {
                    submit.css({display: 'none'});
                }
            }).keyup(function() {
                if (input.val() === '') {
                    if (!($.browser.msie && $.browser.version < 9)) {
                        submit.fadeOut(100);
                    } else {
                        submit.css({display: 'none'});
                    }
                } else {
                    if (!($.browser.msie && $.browser.version < 9)) {
                        submit.fadeIn(100);
                    } else {
                        submit.css({display: 'block'});
                    }
                }
                if (input.val() !== "" && $("#title-search-clear").width() === null) {
                    divInput.append('<a href="#" id="title-search-clear"></a>');
                    $("#title-search-clear").click(function(e) {
                        e.preventDefault();
                        input.val("Введите строку для поиска");
                        $("#title-search-clear").remove();
                       /* $("#pop_results").remove();*/

                    })
                }
                if (input.val() === "") {$("#title-search-clear").remove();}
            });
});