Image dialog should should use 'middle', not 'center' for align attribute, b=102036, r=brade, sr=hewitt

editor/ui/dialogs/content/EdImageProps.js

@@ -198,7 +198,7 @@ function InitDialog()
   switch ( align )
   {
     case "top":
-    case "center":
+    case "middle":
     case "right":
     case "left":
       gDialog.alignTypeSelect.value = align;
@@ -572,7 +572,7 @@ function ValidateData()
   switch ( gDialog.alignTypeSelect.value )
   {
     case "top":
-    case "center":
+    case "middle":
     case "right":
     case "left":
       globalElement.setAttribute( "align", gDialog.alignTypeSelect.value );

editor/ui/dialogs/content/EdImageProps.xul

@@ -227,12 +227,12 @@
           <spacer class="spacer"/>
           <menulist id="alignTypeSelect" class="align-menu">
             <menupopup>
-              <menuitem class="align-menu" value="top" label="&topPopup.value;"/>
-              <menuitem class="align-menu" value="center" label="&centerPopup.value;"/>
+              <menuitem class="align-menu" value="top"    label="&topPopup.value;"/>
+              <menuitem class="align-menu" value="middle" label="&centerPopup.value;"/>
               <menuitem class="align-menu" value="bottom" label="&bottomPopup.value;"/>
               <!-- HTML attribute value is opposite of the button label on purpose -->
-              <menuitem class="align-menu" value="right" label="&wrapLeftPopup.value;"/>
-              <menuitem class="align-menu" value="left"  label="&wrapRightPopup.value;"/>
+              <menuitem class="align-menu" value="right"  label="&wrapLeftPopup.value;"/>
+              <menuitem class="align-menu" value="left"   label="&wrapRightPopup.value;"/>
             </menupopup>
           </menulist>
         </groupbox>