$(document).ready(function(){
    for(var x = 0; x < hookerfields.length; x++){
        var currentkey = hookerfields[x];
        $('#'+hookerfields[x]).change(function(){
            if($(this).val() != ''){
                
                var element = $(this);
                var shownotfound = element.attr('rel');
                
                if(element.parent().find('.fill-loader').length <= 0){
                    element.parent().append('<img class="fill-loader" style="margin:3px 0 0 3px;" src="'+baseUrl+'/htcms/js/htfill/fill-loader.gif"/>');
                }
                
                var data = {
                    key: currentkey,
                    value: $(this).val()
                };
                
                $.ajax({
                    type: 'POST',
                    url: baseUrl + 'fill-form/',
                    data: data,
                    success:
                    function(data){
                        element.parent().find('.fill-loader').remove();
                        if(!data.result){
                            for(key in data){
                                if(data[key] != ''){
                                    $('#'+key).val(data[key]); 
                                }
                            }
                        }else{
                            if(shownotfound == 'show'){
                                if(element.parent().find('.not-found').length <= 0){
                                    element.parent().append('<p class="not-found" style="margin:3px 0 0 3px; color:#A00000;">Valor inválido.</p>');
                                }                                
                            }
                        }
                    },
                    dataType: 'json'
                });
            }
        });
        $('#'+hookerfields[x]).focus(function(){
            $(this).parent().find('.not-found').remove();
        });
    }
});
