(function($) {
	
	$.fn.InputFile = function () {
       
		return this.each(function(){
	   
			var self = $(this);
			var id = self.attr("id");
			var name = self.attr("name");
			var fileSelector = "file-selector";
			var pos = self.offset();
			
			var html = '<input type="file" id="' + id + '" name="' + name + '" />';
			
			self.parent().append(html);
			
			self.attr("id", fileSelector);
			self.attr("name", fileSelector);
			
			$("#" + fileSelector).attr("readonly", true);
			
			var newElement = $("#" + id);
			
			newElement.parent().css({
				"position" : "relative", 
				"z-index": 1
			});
			newElement.css({
				"cursor" : "pointer", 
			    "position" : "absolute",
			    "top" : 0,
			    "right" : 0,
			    "overflow" : "hidden",
			    "-moz-opacity" : 0,
			    "filter" :  "alpha(opacity: 0)",
			    "opacity" : 0,
			    "z-index" : 2,
			    "height" : $("#" + fileSelector).height()
		   	});
			
			newElement.bind("change", function(){
				$("#" + fileSelector).val(newElement.val());
			});
		
		});
	} 
	
})(jQuery);