﻿<?xml version="1.0" encoding="UTF-8"?>
<!--
****************************************************************************

     File Name:   plaxoCardsUI.box

****************************************************************************
   C O P Y R I G H T   A N D   C O N F I D E N T I A L I T Y   N O T I C E
****************************************************************************

      Copyright (c) 2004-2005 America Online, Inc.  All rights reserved.
      This software contains valuable confidential and proprietary
      information of America Online, Inc. and is subject to applicable
      licensing agreements.  Unauthorized reproduction, transmission or
      distribution of this file and its contents is a violation of
      applicable laws.

            A M E R I C A   O N L I N E   C O N F I D E N T I A L

****************************************************************************
-->

<!DOCTYPE window SYSTEM "box://plaxoApp/resources/plaxoStrings.dtd">

<?import href="box://boxelyToolkit/content/gadgets.box"?>
<?import href="box://plaxoApp/content/plaxoToolkit.box"?>
<?import href="box://plaxoApp/content/gadget/homeCard.box"?>
<?import href="box://plaxoApp/content/gadget/workCard.box"?>
<?import href="box://plaxoApp/content/plaxoCardsUIsharing.box"?>

<aimWindow translucent="false" chromeless="true"
        xmlns="http://www.aol.com/boxely/box.xsd"
        xmlns:s="http://www.aol.com/boxely/style.xsd"
        xmlns:on="http://www.aol.com/boxely/reaction.xsd"
        title="&plaxoStrings.editCards.title;"
        id="plaxoCardsUI" 
		resizable="true"
        s:overflow="scroll"
        s:left="cursor_right_top" 
        s:height="480*"
        s:width="640*"
		s:minHeight="592"
		s:minWidth="765"
		s:fill="#FFFFFF"
		minimizable="false" 
		maximizable="false"
		>
   
    <script id="main" language="jscript" href="box://plaxoApp/content/plaxoCardsUI.js"/>

	<reaction event="keyPress" keyCode="ENTER" action="toolkit:AcceptDialog"/>
	<reaction event="presented" action="onPresented();" />
	<reaction event="keyPress" keyCode="ESCAPE" action="scene.close();"/>
	<reaction event="modified" action="onModified();" />
	<reaction event="command" action="onCommand();" />
	<reaction event="close" action="onSceneClose();"/>

	<vbox s:flex="1" s:stroke="#464646" s:strokeWidth="1" s:margin="-1 1 1 1" s:maxWidth="auto">
	
		<!-- Plaxo Header -->
		<vbox style="plaxoHeaderBackTop" s:margin="1 1 1 1">
		<hbox s:marginTop="1" s:marginLeft="1" s:marginRight="1" s:marginBottom="0">
			<image src="box://plaxoApp/theme/images/plaxo_runman.png" s:marginLeft="7" s:marginTop="12" />
			<spacer s:width="8" />
			<vbox>	
				<spacer s:height="14" />
				<aolLabel style="plaxoCardHeader" value="&plaxoStrings.cards.header;" />
				<aolLabel s:padding="0" s:margin="0" s:fontSize="18px" s:fontWeight="bold" value="&plaxoStrings.cards.header2;" />
				<spacer s:height="6" />
			</vbox>
			<spacer s:flex="1" s:maxWidth="auto" />
			<image id="wait" s:marginRight="10" s:marginTop="2" src="box://plaxoApp/theme/images/wait.gif" />
		</hbox>

		<!-- Tabs -->
			<plaxoClearTabs id="plaxoCardsTab" s:paddingLeft="12" on:command="onTabPressed();" >
				<plaxoClearTab label="&plaxoStrings.cards.tab.work;" selected="true" />
				<plaxoClearTab label="&plaxoStrings.cards.tab.home;"/>
				<plaxoClearTab label="&plaxoStrings.cards.tab.share;"/>
				
				<reaction event="keyPress" keyCode="TAB" ctrl="true" shift="false" action="moveTab(true);" />
				<reaction event="keyPress" keyCode="TAB" shift="true" ctrl="true" action="moveTab(false);"/>
				<reaction event="keyPress" keyCode="RIGHT" ctrl="false" shift="false" action="onNextTab();" />
				<reaction event="keyPress" keyCode="LEFT" shift="false" ctrl="false" action="onPrevTab();"/>

			</plaxoClearTabs>
			
			<!-- Power by Plaxo clickable -->
			<plaxoPowerBy s:right="1" s:bottom="0" s:position="fixed" img="box://plaxoApp/theme/images/plaxo_power2.png" on:command="shell.plaxo.launchPlaxoUrl('support/getting_started/aim?src=aim.CardsUI');"/>
		</vbox>
			
			<!-- Main Content Area -->
			<vbox s:flex="1" s:maxWidth="auto" style="plaxoCardUIBack" s:margin="1 1 1 1">
					
				<reaction event="keyPress" keyCode="TAB" ctrl="true" shift="false" action="moveTab(true);" />
				<reaction event="keyPress" keyCode="TAB" shift="true" ctrl="true" action="moveTab(false);"/>
				
				<!-- Work Info -->
				<hbox id="WorkInfo" s:flex="1" s:postion="fixed" s:top="0" s:maxWidth="auto" s:maxHeight="auto" s:overflow="scroll" >
					
					<workCard id="workcard" s:flex="1" s:margin="13 13 0 13" />

					<!-- Work Info Sidebox -->
					<vbox s:margin="13 13 13 2">
						<vbox style="plaxoBox" s:width="202" accDescription="&plaxoStrings.work.sidebox.all;" >
							<plaxoSideboxH2 text="&plaxoStrings.sharing.sidebox.h1;" />
							<plaxoSideboxContent text="&plaxoStrings.sharing.sidebox.h1c;" />
							<plaxoSideboxH2 text="&plaxoStrings.cards.sidebox.h2w;" />
							<plaxoSideboxContent text="&plaxoStrings.cards.sidebox.h2c;" />
							<plaxoSideboxH2 text="&plaxoStrings.sharing.sidebox.h3;" s:maxWidth="180" />
							<plaxoSideboxContent text="&plaxoStrings.sharing.sidebox.h3c;" s:marginBottom="0" />
							<plaxoLink s:marginLeft="-2" label="&plaxoStrings.generic.learnmore;" on:command="workCard_onLearnMore();" />
						</vbox>
					</vbox>
				</hbox>
				
				<!-- Home Info -->
				<hbox id="HomeInfo" s:flex="1" s:top="0" s:postion="fixed" s:maxWidth="auto" s:maxHeight="auto" s:overflow="scroll" collapsed="true" >

					<homeCard id="homecard" s:flex="1" s:margin="13" />

					<!-- Home Info Sidebox -->
					<vbox s:margin="13 13 13 2">
						<vbox style="plaxoBox" s:width="202" accDescription="&plaxoStrings.home.sidebox.all;" >
							<plaxoSideboxH2 text="&plaxoStrings.sharing.sidebox.h1;" />
							<plaxoSideboxContent text="&plaxoStrings.sharing.sidebox.h1c;" />
							<plaxoSideboxH2 text="&plaxoStrings.cards.sidebox.h2h;" />
							<plaxoSideboxContent text="&plaxoStrings.cards.sidebox.h2c;" />
							<plaxoSideboxH2 text="&plaxoStrings.sharing.sidebox.h3;" s:maxWidth="180" />
							<plaxoSideboxContent text="&plaxoStrings.sharing.sidebox.h3c;" s:marginBottom="0" />
							<plaxoLink s:marginLeft="-2" label="&plaxoStrings.generic.learnmore;" on:command="homeCard_onLearnMore();" />
						</vbox>
					</vbox>
				</hbox>

				<!-- Card Sharing -->
				<hbox id="ShareInfo" s:flex="1" s:postion="fixed" s:top="0" s:maxWidth="auto" s:maxHeight="auto" s:overflow="scroll" collapsed="true" >
					
					<plaxoCardSharing id="sharing" s:margin="13" s:flex="1" s:maxWidth="auto" />

					<!-- Card Sharing Sidebox -->
					<vbox s:margin="13 13 13 2">
						<vbox style="plaxoBox" s:width="202" s:maxWidth="202" accDescription="&plaxoStrings.sharing.sidebox.all;">
							<plaxoSideboxH2 text="&plaxoStrings.sharing.sidebox.h1;"/>
							<plaxoSideboxContent text="&plaxoStrings.sharing.sidebox.h1c;"/>
							<plaxoSideboxH2 text="&plaxoStrings.sharing.sidebox.h2;"/>
							<plaxoSideboxContent text="&plaxoStrings.sharing.sidebox.h2c;"/>
							<plaxoLink s:marginLeft="-2" label="&plaxoStrings.generic.learnmore;" on:command="sharing_onLearnMore();" />
						</vbox>
					</vbox>
				</hbox>

			</vbox>

		<!-- Command Bar Footer -->
		<spacer s:height="1" s:fill="#DBDBDB" s:margin="0 1 0 1"/>
		<hbox s:height="41" style="plaxoFooterBack" s:margin="1" s:hAlign="center" s:vAlign="center">
			<aolButton id="save" disabled="true" label="&plaxoStrings.generic.save;" on:command="onSave();" defaultButton="true" accesskey="&plaxoStrings.generic.save_accessKey;" />
			<aolButton id="cancel" label="&plaxoStrings.generic.cancel;" on:command="scene.close();" accesskey="&plaxoStrings.generic.cancel_accessKey;" />		
		</hbox>
	</vbox>
	

</aimWindow>
