docs: function selected2style(styleCommand)
  			{
  				if(!toolbar.data("sourceOpened"))
  				{
  					
  					// if selected to changing the font-size value
  					if(styleCommand=="fSize")
  						styleField = fsizebar;
  					
  					// if selected to changing the text-color value
  					else if(styleCommand=="colors")
  						styleField = cpalette;
  					
  					// display the style-field
  					styleFieldSwitch(styleField,true);
  					
  					// the event of click to style button
  					styleField.find("a").unbind("click").click(function()
  					{
  						var styleValue = $(this).attr(vars.css + "-styleval"); // the property of style value to be added
  						
  						// if selected to changing the font-size value
  						if(styleCommand=="fSize")
  						{
  							styleType  = "font-size";
  							styleValue = styleValue + vars.funit; // combine the value with size unit
  						}
  						// if selected to changing the text-color value
  						else if(styleCommand=="colors")
  						{
  							styleType  = "color";
  							styleValue = "rgb("+styleValue + ")"; // combine color value with rgb
  						}
  						
  						var prevStyles = refuseStyle(styleType); // affect styles to child tags (and extract to the new style attributes)
  						
  						// change to selected text
  						replaceSelection("span","style",styleType+":"+styleValue+";"+prevStyles);
  						
  						// hide all style-fields
  						styleFieldSwitch("",false);
  						
  						// remove title bubbles
  						$('.'+vars.css+'_title').remove();
  						
  						// export contents of the text to the sources
  						editor.trigger("change");
  					});
  					
  				}
  				else
  					// hide the style-field
  					styleFieldSwitch(styleField,false);
  					
  				// hide the link-form-field
  				linkAreaSwitch(false);
  			}