;(function($) {

$.fn.inputfile = function(options) {
	// build the configuration object
	var settings = jQuery.extend({
		browseText: 'Browse ...'
	}, options);
	
	var inputs = $(this);
	var html = '<div><input type="text" class="fakeInput" value="' + settings.browseText + '" readonly="readonly" /></div>';
	
	inputs.each(function(i){
		var input = $(inputs[i]);
		var td = input.parent();
		var inputHtml = td.html();
		
		var newHtml = $(html);
		newHtml.css('position', 'absolute')
			.css('left', 0)
			.css('top', 0)
			.css('z-index', 1);
		
		var div = $('<div></div>');
		td.html(div);
		
		var input = $(inputHtml);
		input.css('opacity', 0)
			.css('z-index', 2)
			.css('position', 'relative');

		div.append(input);
		div.append(newHtml);
		div.addClass('fileInput');
		
		input.change(function(){
			if ($(this).val() != '')
				$(this).parent().find('.fakeInput').val($(this).val());
		});
	});
};

})(jQuery);