anchor.diff:      return [r, g, b];
     }
   
  -	
  +
   	function refreshSwatch() {
   		var red = $("#red").slider("value"),
   			green = $("#green").slider("value"),
  
positive.code:     <label for="text">Text:</label><br/>
      <textarea name="text" id="name" rows="5" cols="50"><%= params[:text] %></textarea>
    </p>
    
    <p>
      <label for="options_font">Font:</label>
      <select name="options[font]" id="options_font">
        <% Dir.entries(MagickTitle.options.font_path).reject!{|f| f.match(/\.+$/) }.each do |font| %>    
          <option value="<%= font %>"<%= ' selected="selected"' if @options[:font] == font %>><%= font.gsub(/\.[a-z]{3}/, '') %></option>
        <% end %>
      </select>
    </p>
    
    
    <div class="option">
      <p>Width: <em><span id="value_width"><%= @options[:width] %></span> pixels</em></p>
      <div id="slider_width"></div>
      <input type="hidden" name="options[width]" id="options_width" value="<%= @options[:width] %>" />
    </div>
    
    <div class="option">
      <p>Height: <em><span id="value_height"><%= @options[:height].to_i %> pixels</span></em></p>
      
      <p>
        <input type="checkbox" id="auto_height" name="auto_height"<%= ' checked="checked"' if @options[:height].to_i == 0 %>/>
        <label for="auto_height">Trim to minimum height</label>
      </p>
      
      <div id="slider_height"></div>
      <input type="hidden" name="options[height]" id="options_height" value="<%= @options[:height].to_i %>" />
     
    </div>
    
    <div class="option">
      <p>Font Size: <em><span id="value_font_size"><%= @options[:font_size] %></span> pixels</em></p>
      <div id="slider_font_size"></div>
      <input type="hidden" name="options[font_size]" id="options_font_size" value="<%= @options[:font_size] %>" />
    </div>
    
    <div class="option">
      <p>Kerning: <em><span id="value_kerning"><%= @options[:kerning] %></span></em></p>
      <div id="slider_kerning"></div>
      <input type="hidden" name="options[kerning]" id="options_kerning" value="<%= @options[:kerning] %>" />
    </div>
    
    <div class="option">
      <p>Line Height: <em><span id="value_line_height"><%= @options[:line_height] %></span></em></p>
      <div id="slider_line_height"></div>
      <input type="hidden" name="options[line_height]" id="options_line_height" value="<%= @options[:line_height] %>" />
    </div>
    
    
    
    <div class="option">
      <p>Color: <input type="text" name="options[color]" id="options_color" value="<%= @options[:color] %>" /></p>
      
      <div id="red"></div>
      <div id="green"></div>
      <div id="blue"></div>
  
      <div id="swatch" class="ui-widget-content ui-corner-all"></div>
      
  
      <br class="clear"/>
      
    </div>
    
  	
  	
  	
  	
  	
  	
  	<p>
      <button type="submit">
        <%= MagickTitle.say("Magick Title Go!", :button).to_html %>
  
negative.code: 		  $("#options_kerning").val(ui.value);
  		}
  	});
  
  	$("#slider_line_height").slider({
  	  value: <%= @options[:line_height].to_i %>,
      min: -100,
  