<?xml version="1.0" encoding="UTF-8"?>
<!--
****************************************************************************

     File Name:   about.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) 2006 AOL LLC.  All rights reserved.
//      This software contains valuable confidential and proprietary
//      information of AOL LLC. 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 O L   C O N F I D E N T I A L

****************************************************************************
-->



<!DOCTYPE window SYSTEM "box://imApp/resources/im.dtd">

<?import href="box://aimToolkit/content/gadgets.box"?>
<?import href="box://aimToolkit/theme/toolkit.box"?>

<aimWindow
    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"
    chromeless="true"
    maximizable="false"
    minimizable="false"
    resizable="false"
    title="&im.help.about.title;"
    s:width="306" s:height="422" 
    on:presented="Startup();"
    on:close="onClose();"
    >


    <library xmlns="http://www.aol.com/boxely/resource.xsd"
            xmlns:box="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"
            persists="true">
                          
        <imageBrush id="brush.about" fill="box://imApp/resources/AIM_About.jpg" fillSize="both" fillSlice="8 8 8 8"/>
                                    
	    <gadget id="scrollPane" type="control" >
		    <attributes blockEvents="true" focusMode="normal"/>
	    </gadget>
	    
	    <style id="imageBackDrop" fill="url(#brush.about)" height="&im.form.about.pictureHeight;*" width="&im.form.about.pictureWidth;*"/>
        <style id="accImageBackDropStyle" accStyleFor="imageBackDrop" inherits="#imageBackDrop" fill="sysColorWindow"/>
        
        <style id="aimVersionStyle" marginLeft="5" textColor="#21508D" fontBold="true" />
        <style id="accAimVersionStyle" accStyleFor="aimVersionStyle" inherits="#aimVersionStyle" textcolor="sysColorWindowText"/>
        
        <style id="disclaimerText" fill="white"/>
        <style id="accDisclaimerText" accStyleFor="disclaimerText" inherits="#disclaimerText" fill="sysColorWindow"/>
         
        <style id="titleItem" fontSize="12" fontBold="true" opacity="0"
			textColor="white" position="fixed" padding="0 5">
			<attribute name="displayed" value="true" animate="url(#fadeInTitle)" animateExit="url(#fadeOutTitle)"/>
		</style>
	
		<style id="creditsMessage" fontSize="11" zIndex="1" width="295" hAlign="center"
			textColor="#0C4183" opacity="0" position="fixed" bottom="0">
			<attribute name="go" value="true" animate="url(#scrollMessage)" />
		</style>
		
		<style id="creditsItem" fontSize="11" zIndex="1" padding="0 5"
			textColor="#0C4183" opacity="0" position="fixed" bottom="0">
		</style>

		<style id="creditsItem1" inherits="#creditsItem">
			<attribute name="go" value="true" animate="url(#scrollItem1)" />
		</style>
		
		<style id="creditsItem2" inherits="#creditsItem">
			<attribute name="go" value="true" animate="url(#scrollItem2)" />
		</style>
		
		<style id="creditsItem3" inherits="#creditsItem">
			<attribute name="go" value="true" animate="url(#scrollItem3)" />
		</style>
		
            <style tag="scrollPane" orient="vertical"/>
		
		<animation id="scrollItem1">
			<animate name="opacity" type="style" from="0" to="100" begin="0ms" end="1500ms" />
			<animate name="bottom" type="style" from="before" to="newBottom" begin="0ms" end="4000ms"/>
			<animate name="opacity" type="style" from="100" to="0" begin="2500ms" end="4000ms" />
		</animation>
		<animation id="scrollItem2">
			<animate name="opacity" type="style" from="0" to="100" begin="0ms" end="1200ms" />
			<animate name="bottom" type="style" from="before" to="newBottom" begin="0ms" end="3000ms"/>
			<animate name="opacity" type="style" from="100" to="0" begin="1800ms" end="3000ms" />
		</animation>
		<animation id="scrollItem3">
			<animate name="opacity" type="style" from="0" to="100" begin="0ms" end="1500ms" />
			<animate name="bottom" type="style" from="before" to="newBottom" begin="0ms" end="5000ms"/>
			<animate name="opacity" type="style" from="100" to="0" begin="3500ms" end="5000ms" />
		</animation>
		<animation id="scrollMessage">
			<animate name="opacity" type="style" from="0" to="100" begin="0ms" end="1000ms" />
			<animate name="bottom" type="style" from="before" to="newBottom" begin="0ms" end="5000ms"/>
			<animate name="opacity" type="style" from="100" to="0" begin="4500ms" end="5000ms" />
		</animation>
		<animation id="fadeInTitle">
			<animate name="opacity" type="style" from="0" to="60" begin="300ms" end="800ms" />
			<animate name="left" type="style" from="-40" to="newLeft" begin="300ms" end="800ms" dynamics="ease" />
		</animation>
		<animation id="fadeOutTitle">
			<animate name="opacity" type="style" from="before" to="0" begin="0ms" end="500ms" />
			<animate name="left" type="style" from="before" to="300" begin="0ms" end="500ms" dynamics="accelerate" />
		</animation>
    </library>
    

        
    <script id="main" language="jscript" href="box://imApp/content/about/about.js"/>
	<vbox s:flex="1" style="disclaimerText" >
		<vbox id="imageBox" style="imageBackDrop">
			<spacer s:height="80" />
			<vbox id="creditsArea" s:height="110" s:maxHeight="auto" s:overflow="hidden" s:clip="0"/>			
			<aolLabel id="aimVersion" style="aimVersionStyle" accReadText="true" value="&im.help.AIMVersionCaption;"/>
		</vbox>
		<scrollPane s:vAlign="center" s:flex="1" s:overflow="scroll" s:fontSize="9" s:maxHeight="auto">
			<aolLabel accReadText="true" value="&im.help.copyright;" wordwrap="true"/>
			<spacer s:height="10" />
			<aolLabel accReadText="true" value="&im.help.trademark;" wordwrap="true"/>
			<spacer s:height="10" />

			<aolLabel accReadText="true" value="&im.help.thirdParty;" wordwrap="false"/>
			<reaction event="mouseWheel" detail="1" action="toolkit:MouseWheelScrollUp"/>
			<reaction event="mouseWheel" detail="-1" action="toolkit:MouseWheelScrollDown"/>
            <reaction event="keyPress" keyCode="UP" action="toolkit:MouseWheelScrollUp"/>
			<reaction event="keyPress" keyCode="DOWN" action="toolkit:MouseWheelScrollDown"/>
		</scrollPane>


		<hbox s:hAlign="center" s:margin="5 0" >
			<aolButton id="btnClose" label="&im.help.about.closeButtonLabel;" on:command="scene.close()" defaultButton="true" s:minWidth="55"/>
		</hbox> 
	</vbox>

	<reaction event="keyPress" keyCode="ESCAPE" action="scene.close()" />
	<reaction event="keyPress" keyCode="ENTER" action="toolkit:AcceptDialog"/>


</aimWindow>
