var changeFilter = function(){
    var self = $(this);
    self.nextAll('.search-filter').html(' ');
    $.get('/search/filter/', $('#search-filter').serialize(), function(data){
        var field = $("#search-" +data.field );
        var values = '<option value="">'+ field.attr('title') +'</option>';
        $(data.values).each(function(d){
            values += '<option value="'+ data.values[d] +'">'+ data.values[d] +'</option>';
        });
        field.html(values);
        $('.search-filter').each(function(){
            if($(this).children('option').length <= 0){
                $(this).html('<option value="">'+ $(this).attr('title')+'</option>');
            }
        });
    }, 'json');
}
var checkInput = function($in){
    if($in.val() == $in.attr('title'))
        $in.val('');
    else if($in.val() == "")
        $in.val($in.attr('title'));
}

$(document).ready(function(){
    $('.search-filter').change(changeFilter);
    $('.product-input, .topsearch input[type=text]')
        .focus(function(){ checkInput($(this))})
        .blur(function(){ checkInput($(this))})
    checkInput($('.topsearch input[type=text]'));

    $('.custom-search-submit').click(function(){
        $('.product-input').each(function(){checkInput($(this))});
    });
});