<?xml version="1.0"?> 
<!--
   The contents of this file are subject to the Netscape Public
   License Version 1.1 (the "License"); you may not use this file
   except in compliance with the License. You may obtain a copy of
   the License at http://www.mozilla.org/NPL/
    
   Software distributed under the License is distributed on an "AS
   IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
   implied. See the License for the specific language governing
   rights and limitations under the License.
    
   The Original Code is Mozilla Communicator client code, released
   March 31, 1998.
   
   The Initial Developer of the Original Code is Netscape
   Communications Corporation. Portions created by Netscape are
   Copyright (C) 1998-1999 Netscape Communications Corporation. All
   Rights Reserved.
   
   Contributor(s): 
  -->

<?xml-stylesheet href="chrome://pref/skin/" type="text/css"?>

<!DOCTYPE window SYSTEM "chrome://pref/locale/pref-composer.dtd" >

<window xmlns:html="http://www.w3.org/TR/REC-html40"
		xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        class="dialog"
        align="vertical" title="&title.label;"
  		  onload="if( parent.handle ) parent.handle.onpageload( 'pref-composer' ); else parent.queuedTag = 'pref-composer'; InitColors();">

  <html:script language="JavaScript" src="chrome://pref/content/pref-composer.js"/>


	<box class="header" align="horizontal">  
    <titledbutton class="left-header-text" value="&lHeader;"/>
	  <spring class="header-spring" flex="1"/>
    <titledbutton class="right-header-text" value="&rHeader;"/>
	</box>

		<html:fieldset>
		<html:div class="hspace-both">
			&authorName;
			<html:input name="author" type="text" id="editorAuthor"
                  pref="true" preftype="string" prefstring="editor.author"/>
		</html:div>
<!-- Take out Auto-Save; not supported at this time
		<html:div>
			<html:input name="autosave" type="checkbox" id="pref:0:int:editor.auto_save" />
			<html:label for="pref:0:int:editor.auto_save" accesskey="a" tabindex="0">
				&AutoSaveCheck.label;
			</html:label>		
			<html:input name="time" type="text" size="3" value="5" id="pref:5:int:editor.auto_save_delay" />
			<html:label for="pref:5:int:editor.auto_save_delay">
	  		&minText;	
			</html:label>		
		</html:div>
  -->
	</html:fieldset>

<!-- External Editors are not supported at this time
		<html:fieldset>
					<html:legend align="left"> 
			<html:div>&exterLegend.label;</html:div> 
					</html:legend> 
		<html:input name="htmlSourceEditorCheckbox" type="checkbox" id="pref:0:int:editor.use_html_editor" />
	 	<html:div>
			&htmlSource;
		</html:div>
		<html:div>
			<html:input name="&chooseButton.label;" type="text" id="pref:string:editor.html_editor" />
			<titledbutton class="dialog push" name=""  value="&chooseButton.label;" />
		</html:div>
		<html:input name="htmlImageEditorCheckbox" type="checkbox" id="pref:0:int:editor.use_image_editor" />
	<html:div>
			&img;
		</html:div>
		<html:div>
			<html:input name="chooseButton.label" type="text" id="pref:string:editor.image_editor" />
			<titledbutton class="dialog push" name=""  value="&chooseButton.label;" />
		</html:div> 

	</html:fieldset>
  -->


    <html:fieldset>
  		<html:legend align="left">&pageColorHeader;</html:legend> 
    	<html:div class="hspace-both">
		    <html:input name="color" type="radio" id="editorUseCustomColors0"
                    pref="true" preftype="int" prefindex="0" prefstring="editor.use_custom_colors"/>
    		<html:label for="editorUseCustomColors" tabindex="0">
		      &UseNavigatorColor.label;			
    		</html:label>
    	</html:div>
    	<html:div class="hspace-both">
		    <html:input name="color" type="radio" id="editorUseCustomColors1"
                    pref="true" preftype="int" prefindex="1" prefstring="editor.use_custom_colors"/>
    		<html:label for="editorUseCustomColors1" tabindex="0">
		      &UseCustomColors.label;			
    		</html:label>
    	</html:div>
      <spring style="height: 7px;"/>
    	<box class="hspace-both" align="horizontal" style="width: 93%; height: 100%">
      <!-- need to do something BETTER here to accomodate indentation -->
      <spring style="width: 21px"/>
    	<box align="vertical" flex="100%">
    		<box flex="100%">
          <html:label>
            &NormalText.label;
          </html:label>
          <spring flex="100%"/>
    			<menu id="normaltextmenu" allowevents="true" class="colorpicker">
    				<html:div id="pref:#000000:color:editor.text_color" style="width:30px; background-color:white"/>
    				<titledbutton class="popup" align="right" flex="100%"/>
    				<menupopup id="normalMenuPopup">
    					<colorpicker allowevents="true" id="normalColorpicker" palettename="standard" onclick="setColorWell(this.parentNode.parentNode, 'normaltext', false);"/>
    				</menupopup>
    			</menu>
    			<html:input type="hidden" id="normalText"
                      pref="true" preftype="string" prefstring="editor.text_color"/>
    		</box>
    
    		<box>
          <html:label>
            &LinkText.label;
          </html:label>
          <spring flex="100%"/>
    			<menu id="linktextmenu" class="colorpicker">
    				<html:div id="pref:#000000:color:editor.link_color" style="width:30px; background-color:white"/>
    				<titledbutton class="popup" align="right" flex="100%"/>
    				<menupopup>
    					<colorpicker palettename="standard" onclick="setColorWell(this.parentNode.parentNode,'linktext',false);"/>
    				</menupopup>
    			</menu>
    			<html:input type="hidden" id="linkText"
                      pref="true" preftype="string" prefstring="editor.link_color"/>
    		</box>
    
    		<box>
          <html:label>
            &ActiveLinkText.label;
          </html:label>
          <spring flex="100%"/>
    			<menu id="activelinktextmenu" class="colorpicker">
    				<html:div id="pref:#000000:color:editor.active_link_color" style="width:30px; background-color:white"/>
    				<titledbutton class="popup" align="right" flex="100%"/>
    				<menupopup>
    					<colorpicker palettename="standard" onclick="setColorWell(this.parentNode.parentNode,'activelinktext',false);"/>
    				</menupopup>
    			</menu>
    			<html:input type="hidden" id="activeLinkText"
                      pref="true" preftype="string" prefstring="editor.active_link_color"/>
    		</box>
    
    		<box>
          <html:label>
            &FollowedLinkText.label;
          </html:label>
          <spring flex="100%"/>
    			<menu id="followedlinktextmenu" class="colorpicker">
    				<html:div id="pref:#000000:color:editor.followed_link_color" style="width:30px; background-color:white"/>
    				<titledbutton class="popup" align="right" flex="100%"/>
    				<menupopup>
    					<colorpicker palettename="standard" onclick="setColorWell(this.parentNode.parentNode,'followedlinktext',false);"/>
    				</menupopup>
    			</menu>
    			<html:input type="hidden" id="followedLinkText"
                      pref="true" preftype="string" prefstring="editor.followed_link_color"/>
    		</box>
    
    		<box>
          <html:label>
            &BackgroundColor.label;
          </html:label>
          <spring flex="100%"/>
    			<menu id="colorpreviewmenu" class="colorpicker">
    				<html:div id="pref:#000000:color:editor.background_color" style="width:30px; background-color:white"/>
    				<titledbutton class="popup" align="right" flex="100%"/>
    				<menupopup>
    					<colorpicker palettename="standard" onclick="setColorWell(this.parentNode.parentNode,'colorpreview',true);"/>
    				</menupopup>
    			</menu>
    			<html:input type="hidden" id="backgroundColor"
                      pref="true" preftype="string" prefstring="editor.background_color"/>
    		</box>
    
    	</box>
      <spring style="width: 7px;"/>
    	<box align="vertical" flex="100%" id="colorpreview" basestyle="min-height:50px; width: 100%; border: 1px inset #CCCCCC; padding: 5px; " style="min-height:50px; width: 100%; border: 1px inset #CCCCCC; padding: 5px; ">
      	<html:div id="normaltext">  &NormalText.label;  </html:div>
      	<html:div id="linktext">  &LinkText.label;  </html:div>
      	<html:div id="activelinktext">  &ActiveLinkText.label;  </html:div>
    	  <html:div id="followedlinktext">  &FollowedLinkText.label;  </html:div>
    	</box>
  	</box>
    <spring style="height: 10px;"/>
 	</html:fieldset>
</window>

