ChromeOS Mouse settings.

chrome/browser/resources/options/chromeos/system_options.html

 <div id="systemPage" class="page" hidden>
   <h1 i18n-content="systemPage"></h1>
   <div class="displaytable">
     <section>
       <h3 i18n-content="datetimeTitle"></h3>
       <div class="option-control-table">
         <span class="option-name" i18n-content="timezone"></span>
         <div id="timezone-value">
           <select id="timezone-select" class="control"
               i18n-options="timezoneList"
@@ skipping 13 matching lines @@
     <section>
       <h3 i18n-content="screen"></h3>
       <div id="brightness-value">
         <span i18n-content="brightness"></span>
         <button id="brightness-decrease-button"
             i18n-content="brightnessDecrease"></button>
         <button id="brightness-increase-button"
             i18n-content="brightnessIncrease"></button>
       </div>
     </section>
-    <section id="touchpad-controls" hidden>
-      <h3 i18n-content="touchpad"></h3>
+    <section id="input-controls">
+      <h3 i18n-content="pointer"></h3>
       <div class="option-control-table">
         <span class="option-name" i18n-content="sensitivity"></span>
-              <div id="touchpad-value">
+        <div id="slider-value">

[xiyuan, 2011/12/13 21:55:54]

nit: slider-value sounds too generic, how about "pointer-value"?

[achuithb, 2011/12/13 21:59:41]

Done.

           <div id="slider-control">
             <input id="sensitivity-range" type="range" min="1" max="5"
                 pref="settings.touchpad.sensitivity2" class="touch-slider">
             <div>
               <span i18n-content="sensitivityLess"></span>
               <span i18n-content="sensitivityMore"
-                  class="touchpad-sensitivity-more"></span>
+                  class="pointer-sensitivity-more"></span>
             </div>
           </div>
         </div>
+      </div>
+    </section>    
+    <section id="touchpad-controls" hidden>
+      <h3 i18n-content="touchpad"></h3>
+      <div class="option-control-table">      
         <div id="tap-to-click" class="checkbox">
           <label>
             <input id="tap-to-click-check"
-                pref="settings.touchpad.enable_tap_to_click"
+                pref="settings.touchpad.enable_tap_to_click" 
                 type="checkbox">
             <span i18n-content="enableTapToClick"></span>
           </label>
         </div>
       </div>  
     </section>
+    <section id="mouse-controls" hidden>
+      <h3 i18n-content="mouse"></h3>
+      <div class="option-control-table">      
+        <div class="option-name" i18n-content="primaryMouse"></div>
+        <div>
+        <label>
+          <input type="radio" value="true" pref="settings.mouse.primary_left">
+          <span i18n-content="primaryMouseLeft"></span>
+        </label>
+        </div>
+        <div>
+        <label>
+          <input type="radio" value="false" pref="settings.mouse.primary_left">
+          <span i18n-content="primaryMouseRight"></span>
+        </label>
+        </div>
+      </div>
+    </section>
     <!-- By default, the bluetooth section is hidden.  It is only
          visible if the command line flag --enable_bluetooth is set. -->
     <section id="bluetooth-devices" hidden>
       <h3 i18n-content="bluetooth"></h3>
       <div id="bluetooth-options-div">
         <div id="bluetooth-buttons">
           <button id="enable-bluetooth" i18n-content="enableBluetooth" hidden>
           <button id="disable-bluetooth" i18n-content="disableBluetooth">
         </div>
         <div id="no-bluetooth-devices-label" 
@@ skipping 47 matching lines @@
             <label>
               <input id="accesibility-check" type="checkbox">
               <span i18n-content="accessibility"></span>
             </label>
           </div>
         </div>
       </div>
     </section>
   </div>
 </div>