<?xml version="1.0"?> 
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?> 
<?xml-stylesheet href="chrome://addressbook/skin/" type="text/css"?> 

<!DOCTYPE window
[
<!ENTITY addressbookWindow.title "New Card">
]> 

<window xmlns:html="http://www.w3.org/TR/REC-html40"
	xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
	title="&addressbookWindow.title;"
	width="370" height="500">

<html:script src="chrome://messenger/content/widgetglue.js"/>
<html:script src="chrome://messenger/content/commandglue.js"/>
<html:script src="chrome://messenger/content/shareglue.js"/>
<html:script src="chrome://addressbook/content/addressbook.js"/>

<box align="vertical" style="width: 100%; height: 100%">
	<tabcontrol align="vertical" style="margin: 5px; border: 2px groove white">
	   <tabbox include="chrome://addressbook/content/nsFrag1.xul" align="horizontal">
	      <tab>Name</tab>
	      <tab>Address</tab>
	      <tab>Other</tab>
	   </tabbox>
	   
	   <tabpanel include="chrome://addressbook/content/nsFrag2.xul" align="vertical" flex="100%">
			<box index="name" align="vertical">
				<box align="vertical" value="Name" class="CardEdit">
					<box align="horizontal">
						<spring flex="100%"/>
						<html:div>First: </html:div> 
						<spring class="PromptEditSpacing"/>
						<html:input id="firstname" type="text" class="CardEdit"/>
					</box>
					<box align="horizontal">
						<spring flex="100%"/>
						<html:div>Last: </html:div> 
						<spring class="PromptEditSpacing"/>
						<html:input id="lastname" type="text" class="CardEdit"/>
					</box>
					<box align="horizontal">
						<spring flex="100%"/>
						<html:div>Display: </html:div> 
						<spring class="PromptEditSpacing"/>
						<html:input id="displayname" type="text" class="CardEdit"/>
					</box>
					<box align="horizontal">
						<spring flex="100%"/>
						<html:div>Nickname: </html:div> 
						<spring class="PromptEditSpacing"/>
						<html:input id="nickname" type="text" class="CardEdit"/>
					</box>
				</box>

				<box align="vertical" value="Internet" class="CardEdit">
					<box align="horizontal">
						<spring flex="100%"/>
						<html:div>* Primary email: </html:div> 
						<spring class="PromptEditSpacing"/>
						<html:input id="primaryemail" type="text" class="CardEdit"/>
					</box>
					<box align="horizontal">
						<spring flex="100%"/>
						<html:div>Secondary email: </html:div> 
						<spring class="PromptEditSpacing"/>
						<html:input id="secondemail" type="text" class="CardEdit"/>
					</box>
					<box align="horizontal">
						<spring flex="100%"/>
						<checkbox/><html:div>Send email as plain text (no html)</html:div>
						<spring style="width: 5px"/>
					</box>
				</box>

				<box align="vertical" value="Phones" class="CardEdit">
					<box align="horizontal">
						<spring flex="100%"/>
						<html:div>Work: </html:div>
						<spring class="PromptEditSpacing"/>
						<html:input id="workphone" type="text" class="CardEdit"/>
					</box>
					<box align="horizontal">
						<spring flex="100%"/>
						<html:div>Home: </html:div>
						<spring class="PromptEditSpacing"/>
						<html:input id="homephone" type="text" class="CardEdit"/>
					</box>
					<box align="horizontal">
						<spring flex="100%"/>
						<html:div>Fax: </html:div> 
						<spring class="PromptEditSpacing"/>
						<html:input id="faxnumber" type="text" class="CardEdit"/>
					</box>
					<box align="horizontal">
						<spring flex="100%"/>
						<html:div>Pager: </html:div> 
						<spring class="PromptEditSpacing"/>
						<html:input id="pagernumber" type="text" class="CardEdit"/>
					</box>
					<box align="horizontal">
						<spring flex="100%"/>
						<html:div>Cellular: </html:div> 
						<spring class="PromptEditSpacing"/>
						<html:input id="cellularnumber" type="text" class="CardEdit"/>
					</box>
				</box>
			</box>

			<box>
				<html:div>Address tab empty</html:div> 
			</box>
			
			<box>
				<html:div>Other tab empty</html:div> 
			</box>
	   </tabpanel> 
	</tabcontrol>

	<spring style="height:10px"/>
	
	<box align="horizontal">
		<spring flex="100%"/>
		<titledbutton id="ok" value="OK" class="push" onclick="EditCardOKButton()" />	
		<spring style="width:10px"/>
		<titledbutton id="cancel" value="Cancel" class="push" onclick="EditCardCancelButton()" />	
		<spring style="width:10px"/>
	</box>
</box>

</window>

