// Author: Stephen Korecky
// Website: http://stephenkorecky.com
// Plugin Website: http://github.com/skorecky/Add-Clear

(function($){  
    $.fn.extend({   
        addClear: function(options) {  
            var options =  $.extend({  
                closeImage: "/img/icon/clear.png",
                top: 0,
                right: 4,
                returnFocus: true,
                showOnLoad: false,
                callbackClearedAfter: function () {}
                }, options);

                $(this).acOptions = options; 
            
                $(this).wrap("<span style='position:relative;' class='add-clear-span'>");
                $(".add-clear-span").append("<a href='#clear'>clear</a>");
                $("a[href='#clear']").css({
                    'background' : 'transparent url('+options.closeImage+') 0 0 no-repeat', 
                    'display' : 'none',
                    'height' : '16px',
                    'overflow' : 'hidden',
                    'position' : 'absolute',
                    'right' : options.right+'px',
                    'text-indent' : '-9999px',
                    'top' : options.top+'px',
                    'width' : '16px'
                    }, this);
                    
                    if($(this).val().length >= 1 && options.showOnLoad === true) {
                        $(this).siblings("a[href='#clear']").show();
                    }
                    
                    $(this).keyup(function() {
                        if($(this).val().length >= 1) {
                            $(this).siblings("a[href='#clear']").show();
                        } else {
                            $(this).siblings("a[href='#clear']").hide();
                        }
                    });
                    
                    $(this).change(function() {
                        if($(this).val().length >= 1) {
                            $(this).siblings("a[href='#clear']").show();
                        } else {
                            $(this).siblings("a[href='#clear']").hide();
                        }
                    });

                    $("a[href='#clear']").click(function(){
                        console.log($(this).siblings("input"));
                        $(this).siblings("input").val("");
                        options.callbackClearedAfter();
                        $(this).hide();
                        if(options.returnFocus === true){
                            $(this).siblings("input").focus();
                        }
                        return false;
                    });
                    return this; 
                }  
            });  
            })(jQuery);