Renamed example to preview in options dialog

options/content/options.xul

@@ -46,13 +46,13 @@
 						</menupopup>
 					</menulist>
 					<groupbox>
-						<caption label="&options.label.example;" />
+						<caption label="&options.label.preview;" />
 						<hbox>
-							<image class="example-icon" id="example-1" />
-							<image class="example-icon" id="example-2" />
-							<image class="example-icon" id="example-3" />
-							<image class="example-icon" id="example-4" />
-							<image class="example-icon" id="example-5" />
+							<image class="preview-icon" id="preview-icon-1" />
+							<image class="preview-icon" id="preview-icon-2" />
+							<image class="preview-icon" id="preview-icon-3" />
+							<image class="preview-icon" id="preview-icon-4" />
+							<image class="preview-icon" id="preview-icon-5" />
 						</hbox>
 					</groupbox>
 				</tabpanel>
@@ -61,4 +61,4 @@
 			</tabpanels>
 		</tabbox>
 	</prefpane>
-</window>
+</window>

options/locale/en-US/options.dtd

@@ -13,4 +13,4 @@
 <!ENTITY options.icons.none						"None">
 
 <!ENTITY options.label.fallback-icons			"Fallback icons:">
-<!ENTITY options.label.example					"Example">
+<!ENTITY options.label.preview					"Preview">

options/skin/options.css

@@ -4,26 +4,26 @@
 
 @import url("chrome://icons/skin/icon-theme-default.css");
 
-.example-icon {
+.preview-icon {
     margin: 5px;
 }
 
-#example-1 {
+#preview-icon-1 {
     list-style-image: var(--icon-go-previous-24);
 }
 
-#example-2 {
+#preview-icon-2 {
     list-style-image: var(--icon-go-next-24);
 }
 
-#example-3 {
+#preview-icon-3 {
     list-style-image: var(--icon-view-refresh-24);
 }
 
-#example-4 {
+#preview-icon-4 {
     list-style-image: var(--icon-process-stop-24);
 }
 
-#example-5 {
+#preview-icon-5 {
     list-style-image: var(--icon-go-home-24);
 }