jQuery.fn.extend({
	silFontSize: function(options) {
		return this.each(function() {
			new jQuery.silFontSize(this, options);
		});
	}
});

jQuery.silFontSize = function(obj, opt) {

  var opt = opt || {};
  opt.firstSize = opt.firstSize || "12px";
  opt.secondSize = opt.secondSize || "18px";
  opt.thirdSize = opt.thirdSize || "22px";
  var $select = $(obj);
  
  var html = $select.html();

  $select.html("<div id=silFontSize><ul><li id=firstSize>abc</li><li id=secondSize>abc</li><li id=thirdSize>abc</li></ul></div>" + html);
  $("#firstSize").css({"font-size":opt.firstSize});
  $("#secondSize").css({"font-size":opt.secondSize});
  $("#thirdSize").css({"font-size":opt.thirdSize});
  
  $("#firstSize").click(function () {
    $select.css({"font-size":opt.firstSize});
  });

  $("#secondSize").click(function () {
    $select.css({"font-size":opt.secondSize});
  });
  
  $("#thirdSize").click(function () {
    $select.css({"font-size":opt.thirdSize});
  });

}