<?xml version="1.0" encoding="utf-8"?>
<!-- 
www.TheTurningGate.com / Slimbox Gallery
Copyright (c) 2007 theturninggate.com
-->

<galleryMaker xmlns:ag="http://ns.adobe.com/silver/1.0">
    <galleryInfo>
        <amg ver="1.3"/>
        <thumbnail path="resources/version_info.png"/>
        <galleryName>TTG Greybox Index 1.1</galleryName>
        
        <!-- EDITABLE CODE: enter a description for your gallery after the Description= -->
        <galleryDescription></galleryDescription>
        <!-- END EDITABLE CODE -->
        
        <galleryVersion ver="1.0"/>
        <livePreview enabled="yes"/>
        <creator company="Turning Gate Design" designer="Matthew Campagna (theturninggate)"/>
        <category>Web photo gallery</category>

        <!-- EDITABLE CODE: Enter a unique identifier/name for your this web gallery template. -->
        <identifier>TTGGreyboxIndex</identifier>
        <!-- END EDITABLE CODE -->
        
        <ag:galleryType>HTML</ag:galleryType>
        <ag:maximumGallerySize>50000</ag:maximumGallerySize>
    </galleryInfo>
    <ag:compatabilty>
        <ag:id>com.adobe.lightroom.default2</ag:id>
    </ag:compatabilty>

    <!-- This controls the Title and Caption for each image -->
    <ag:perImage>
        <title value="{{com.adobe.title}}" title="Title"/>
        <description value="{{com.adobe.caption}}" title="Caption"/>
        <gallerylink value="{{com.adobe.copyright}}" title="GalleryLink"/>
    </ag:perImage>

    <!--  EDITABLE CODE: The sizes below are used as default values for the thumbnail and large images. 
    You can change them to whatever you want, and these values can be modified in the web module panels as well.  -->
    <sizes>
        <size name="thumbnails" width="75" height="75"/>
    </sizes>
    <!-- END EDITABLE CODE -->
    
    
    <!-- This controls the right panels of the Web module -->
    <mx:Application xmlns:mx="http://www.macromedia.com/2005/mxml">
        <!-- 
             This has to do with computing the sizes of the images.  I'm not exactly sure of
             the relationship between this and the <sizes> tag above
        -->
        <mx:Model id="agmSizes">
            <thumbnails>
                <width>CALC(nonCSS.thumbnailsImageSize)</width>
                <height>CALC(nonCSS.thumbnailsImageSize)</height>
            </thumbnails>
						<numcols>
								<width>CALC(nonCSS.numCols)</width>
						</numcols>
        </mx:Model>

        <!-- ///////////////// EDITABLE - META DATA DEFAULTS/////////////////-->
        <!-- 
            This is where some of the default values are set for the meta data panel group.
            Things after the equals signs at the end can be changed. 
            These values will be the default values for each of these fields in the right panel of the web module
        -->
        <mx:Model id="metadata">
        
            <siteTitle>
                <value ag:templateBehavior="keepFromNil" ag:liveUpdateTarget="#liveUpdateSiteTitle">Site Title</value>
            </siteTitle>

            <groupTitle>
                <value ag:templateBehavior="keepFromNil" ag:liveUpdateTarget="#liveUpdateCollectionTitle">My Photographs</value>
            </groupTitle>
            
            <groupDescription>
                <value ag:templateBehavior="keepFromNil" ag:liveUpdateTarget="#liveUpdateCollectionDescription">Template Created by Matthew Campagna, www.theturninggate.com.</value>
            </groupDescription>
            
            <contactInfo>
                <value ag:templateBehavior="keepFromNil" ag:liveUpdateTarget="#liveUpdateContactInfo">Contact Name</value>
                <link ag:templateBehavior="keepFromNil" ag:dataType="webLink">mailto:user@domain</link>
            </contactInfo>      

            <linksColor>
                <value ag:templateBehavior="keepFromNil" ag:liveUpdateTarget="#liveUpdateLinkColor">Links Color</value>
            </linksColor>

            <linksHoverColor>
                <value ag:templateBehavior="keepFromNil" ag:liveUpdateTarget="#liveUpdateLinkHoverColor">Hover Color</value>
            </linksHoverColor>

            <linksActiveColor>
                <value ag:templateBehavior="keepFromNil" ag:liveUpdateTarget="#liveUpdateLinkActiveColor">Active Color</value>
            </linksActiveColor>

            <linksVisitedColor>
                <value ag:templateBehavior="keepFromNil" ag:liveUpdateTarget="#liveUpdateLinkVisitedColor">Visited Color</value>
            </linksVisitedColor>
            
            <homePage>
                <link ag:templateBehavior="keepFromNil" ag:dataType="webLink">mailto:user@domain</link>
            </homePage>

            <headerFontFamily>
                <value ag:templateBehavior="keepFromNil">Verdana</value>
            </headerFontFamily>

						<h1FontSize>
                <value ag:templateBehavior="keepFromNil">25</value>
						</h1FontSize>

						<h1PaddingTop>
                <value ag:templateBehavior="keepFromNil">15</value>
						</h1PaddingTop>

						<h2FontSize>
                <value ag:templateBehavior="keepFromNil">15</value>
						</h2FontSize>   

						<h2PaddingTop>
                <value ag:templateBehavior="keepFromNil">25</value>
						</h2PaddingTop>

            <descriptionFontFamily>
                <value ag:templateBehavior="keepFromNil">Verdana</value>
            </descriptionFontFamily>

						<descriptionTextSize>
                <value ag:templateBehavior="keepFromNil">10</value>
						</descriptionTextSize>

						<galleryBoxWidth>
                <value ag:templateBehavior="keepFromNil">250</value>
						</galleryBoxWidth>

						<galleryBoxHeight>
                <value ag:templateBehavior="keepFromNil">100</value>
						</galleryBoxHeight>

						<thumbnailPaddingColor>
                <value ag:templateBehavior="keepFromNil">ffffff</value>
						</thumbnailPaddingColor>
            
						<thumbnailBorderColor>
                <value ag:templateBehavior="keepFromNil">666666</value>
						</thumbnailBorderColor>
            
						<galleryBoxBackgroundColor>
                <value ag:templateBehavior="keepFromNil">CCCCCC</value>
						</galleryBoxBackgroundColor>
            
						<galleryBoxHoverColor>
                <value ag:templateBehavior="keepFromNil">999999</value>
						</galleryBoxHoverColor>
            
						<galleryBoxBorderColor>
                <value ag:templateBehavior="keepFromNil">666666</value>
						</galleryBoxBorderColor>
            
        </mx:Model>
        <!-- ///////////////// END META DATA DEFAULTS/////////////////-->



        <!-- ///////////////// EDITABLE - LIGHTROOM APPLICATION DEFAULTS/////////////////-->
        <!-- This is where some of the default values are set that are used by the lightroom application -->
	      <mx:Model id="lightroomApplication">
	      <identityPlateExport ag:templateBehavior="keepFromNil">(main)</identityPlateExport>
	      <useWatermark ag:templateBehavior="keepFromNil">false</useWatermark>
	      <jpegQuality ag:templateBehavior="keepFromNil">80</jpegQuality>
	      </mx:Model>
        
	      <mx:Model id="nonCSS">
	      <identityPlateAbsolutePath />
				<numCols>3</numCols>
	      <imageBase>content</imageBase>
	      <homePage ag:dataType="webLink">index.html</homePage>
	      <idplateEnabled>false</idplateEnabled> <!-- Sets default for showing identity plate. True shows it, False hides it. -->
	      </mx:Model>

        <!-- ///////////////// END LIGHTROOM APPLICATION DEFAULTS/////////////////-->

        <!-- ///////////////// EDITABLE - APPEARANCE DEFAULTS AND CSS DEFINITIONS ////////////////-->
        <!-- 
            Used to generate a the gallery.css file.  This is where you can add your own CSS that will be placed into the gallery.css file.
            You can Add any custom styles you want but note the format in which they must be written here. You must use the same format or it will not work.
            Once you define a style here you can use the cssID in your html code in transformer.html
            Any css that gets its value from the lightroom panels dynamically should not go here they need to go in the transformer.xslt file.
            I have marked a few styles that should not be removed, but you may add css rules to them or change their values.
        -->
        <mx:Model id="appearance">
            <!-- PUT YOUR OWN CUSTOM STYLES HERE -->
            <!-- Do not remove -->   
            <body>
                <cssID>body</cssID>
                <font-family>Verdana, Arial, Helvetica, sans-serif</font-family>
                <font-size> 10px</font-size>
                <background-color>#EDEDED</background-color>
                <color>#333333</color>
                <text-align>center</text-align> 
                <margin>0</margin>
                <padding>0</padding>
            </body>
              
            <!-- Do not remove -->   
            <siteTitle>
                <cssID>#liveUpdateSiteTitle</cssID>
                <color>#000000</color>
            </siteTitle>
            
            <!-- Do not remove -->   
            <collectionTitle>
                <cssID>#liveUpdateCollectionTitle</cssID>
                <color>#000000</color>
            </collectionTitle>
            
            <!-- Do not remove -->   
            <contactInfo>
                <cssID>#liveUpdateContactInfo</cssID>
                <padding-top>40px</padding-top> 
                <display>block</display> 
                <margin>0px auto</margin>
                <text-align>center</text-align>
            </contactInfo>


            <!-- HEADER -->

            <Header>
            		<cssID>#header</cssID>
            		<height>50px</height>
            		<background-color>#999999</background-color>
            </Header>

            <HeaderInside>
            		<cssID>#header .inside</cssID>
            		<width>95%</width>
            		<height>50px</height>
            		<background-color>transparent</background-color>
            		<margin>0 auto</margin>
            </HeaderInside>

            <HeaderIDPlate>
            		<cssID>#idplate</cssID>
            		<clear>both</clear>
            		<margin>0 auto</margin>
            </HeaderIDPlate>

            <HeaderInsideH1>
            		<cssID>#header .inside h1#liveupdateSiteTitle</cssID>
            		<float>left</float>
            		<text-align>left</text-align>
            		<color>#ffffff</color>
            		<font-weight>normal</font-weight>
            		<margin>0</margin>
            </HeaderInsideH1>

            <HeaderInsideH2>
            		<cssID>#header .inside h2#liveUpdateCollectionTitle</cssID>
            		<float>right</float>
            		<text-align>right</text-align>
            		<color>#ffffff</color>
            		<font-weight>normal</font-weight>
            		<margin>0</margin>
            </HeaderInsideH2>

            <Contact>
            		<cssID>#contact</cssID>
            		<clear>both</clear>
            		<text-align>center</text-align>
            		<background-color>#666666</background-color>
            		<margin>0</margin>
            		<padding>0</padding>
            </Contact>

            <ContactInside>
            		<cssID>#contact .inside</cssID>
            		<width>95%</width>
            		<text-align>right</text-align>
            		<margin>0 auto</margin>
            </ContactInside>



            <!-- DESCRIPTION -->

            <Description>
            		<cssID>#description</cssID>
            		<width>500px</width>
            		<line-height>1.5em</line-height>
            		<text-align>center</text-align>
            		<margin>2em auto</margin>
            		<padding>10px</padding>
            </Description>


		<links>
			<cssID>a</cssID>
            		<font-size>11px</font-size>
            		<line-height>17px</line-height>
		</links>

            <imgLinks>
            		<cssID>a img</cssID>
            		<border>0</border>
            </imgLinks>

            <linksColor>
                <cssID>a:link</cssID>
            		<text-decoration>none</text-decoration>
            		<color>#ffffff</color>
            </linksColor>
            
            <linksHoverColor>
                <cssID>a:hover</cssID>
                <color>#333333</color>
                <text-decoration>none</text-decoration>
            </linksHoverColor>
            
            <linksActiveColor>
                <cssID>a:active</cssID>
                <color>#333333</color>
                <text-decoration>none</text-decoration>
            </linksActiveColor>
            
            <linksVisitedColor>
                <cssID>a:visited</cssID>
                <color>#ffffff</color>
                <text-decoration>none</text-decoration>
            </linksVisitedColor>
            
            <!-- THE CLOSER TO THE BOTTOM THE HIGHER UP IT GOES IN THE CSS FILE-->
            
            <!-- END - PUT YOUR OWN CUSTOM STYLES HERE -->
        </mx:Model>


       <!-- Not sure exactly how these relate to the template. But i did have to add some stuff here when creating new values -->
        <mx:Model id="nonCSS">
		<thumbnailsImageSize>75</thumbnailsImageSize>
        </mx:Model>
        


	<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
	<!-- LABELS PANEL -->
	
        <mx:VBox xmlns:mx="http://www.macromedia.com/2005/mxml" xmlns:ag="http://ns.adobe.com/silver/1.0" ag:panel="labels">
            <mx:VBox ag:style="subdivided_sections">
                <mx:VBox ag:style="content_column">
                    <mx:HBox>
                        <mx:Label text="Site Title"/>
                        <ag:mruPopup value="siteTitle"/>
                    </mx:HBox>
                    <mx:TextInput ag:maximumLength="1600" ag:resizeToFitTextHeight="true" id="siteTitle" ag:layout="text_color=AgPanel.bright_text_color,"/>
                </mx:VBox>
                <mx:VBox ag:style="content_column">
                    <mx:HBox>
                        <mx:Label text="Collection Title"/>
                        <ag:mruPopup value="groupTitle"/>
                    </mx:HBox>
                    <mx:TextInput ag:maximumLength="1600" ag:resizeToFitTextHeight="true" id="groupTitle" ag:layout="text_color=AgPanel.bright_text_color,"/>
                </mx:VBox>
                <mx:VBox ag:style="content_column">
                    <mx:HBox>
                        <mx:Label text="Collection Description"/>
                        <ag:mruPopup value="groupDescription"/>
                    </mx:HBox>
                    <mx:TextInput ag:maximumLength="3200" ag:resizeToFitTextHeight="true" id="groupDescription" ag:layout="text_color=AgPanel.bright_text_color,"/>
                </mx:VBox>
                <mx:VBox ag:style="content_column">
                    <mx:HBox>
                        <mx:Label text="Contact Info"/>
                        <ag:mruPopup value="contactInfoName"/>
                    </mx:HBox>
                    <mx:TextInput ag:maximumLength="1600" ag:resizeToFitTextHeight="true" id="contactInfoName" ag:layout="text_color=AgPanel.bright_text_color,"/>
                </mx:VBox>
                <mx:VBox ag:style="content_column">
                    <mx:HBox>
                        <mx:Label text="Web or Mail Link"/>
                        <ag:mruPopup value="contactInfoLink"/>
                    </mx:HBox>
                    <mx:TextInput ag:maximumLength="800" id="contactInfoLink" ag:layout="scrollable=true, wraps=false,text_color=AgPanel.bright_text_color," />
                </mx:VBox>
            </mx:VBox>
            
        </mx:VBox>

	<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->


	<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
	<!-- COLOR PANEL -->
	
        <mx:VBox xmlns:mx="http://www.macromedia.com/2005/mxml"
            xmlns:ag="http://ns.adobe.com/silver/1.0" ag:panel="colorPalette">
            <mx:VBox ag:style="subdivided_sections">
                
                <mx:VBox ag:style="color_content_column">

                    <mx:ColorPicker id="foregroundColor"
                        title="Text"
                        ag:style="label_and_color_row"/>
                    <mx:ColorPicker id="backgroundColor"
                        title="Page Background"
                        ag:style="label_and_color_row"/>

                    <mx:ColorPicker id="HeaderInsideH1"
                        title="Site Title"
                        ag:style="label_and_color_row"/>
                    <mx:ColorPicker id="HeaderInsideH2"
                        title="Collection Title"
                        ag:style="label_and_color_row"/>
                    <mx:ColorPicker id="Header"
                        title="Title Background"
                        ag:style="label_and_color_row"/>
                    <mx:ColorPicker id="Contact"
                        title="Contact Background"
                        ag:style="label_and_color_row"/>
                        
                    <mx:ColorPicker id="thumbnailPadding"
                        title="Thumbnail Padding"
                        ag:style="label_and_color_row"/>
                    <mx:ColorPicker id="thumbnailBorder"
                        title="Thumbnail Border"
                        ag:style="label_and_color_row"/>
                    <mx:ColorPicker id="galleryBoxBackgroundColor"
                        title="Gallery Box Color"
                        ag:style="label_and_color_row"/>
                    <mx:ColorPicker id="galleryBoxHoverColor"
                        title="Gallery Box Hover"
                        ag:style="label_and_color_row"/>
                    <mx:ColorPicker id="galleryBoxBorderColor"
                        title="Gallery Box Border"
                        ag:style="label_and_color_row"/>

                    <!-- LINK COLORS -->
                    <mx:ColorPicker id="hrefLinkColor"
                            title="Link Color"
                            ag:style="label_and_color_row"/>
                    <mx:ColorPicker id="hoverLinkColor"
                        title="Hover Color"
                        ag:style="label_and_color_row"/>
                    <mx:ColorPicker id="activeLinkColor"
                        title="Active Color"
                        ag:style="label_and_color_row"/>
                    <mx:ColorPicker id="visitedLinkColor"
                        title="Visited Color"
                        ag:style="label_and_color_row"/>
                    <!-- END LINK COLORS -->
                 
                </mx:VBox>
            </mx:VBox>
        </mx:VBox>

	<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->


	<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
	<!-- APPEARANCE PANEL -->

        <mx:VBox xmlns:mx="http://www.macromedia.com/2005/mxml" xmlns:ag="http://ns.adobe.com/silver/1.0" ag:panel="appearanceConfiguration"> 

        <!--
            Identity Plate
        -->
        <mx:VBox ag:style="subdivided_sections">
            <mx:HBox ag:style="header_section">
                <mx:HBox ag:style="checkbox_row">
                    <mx:CheckBox label="Identity Plate" id="lightroomIdentityPlateEnabled"/>
                </mx:HBox>
            </mx:HBox>
            <ag:IdentityPlate label="Enabled" value="identityPlate"/>
            <mx:VBox ag:style="content_column">
                    <mx:HBox>
                        <mx:Label text="Web or Mail Link"/>
                        <ag:mruPopup value="homePageLink"/>
                    </mx:HBox>
                    <mx:TextInput ag:maximumLength="800" id="homePageLink" ag:layout="scrollable=true, wraps=false,text_color=AgPanel.bright_text_color," />

            </mx:VBox>
            
        </mx:VBox>            
          <mx:VBox ag:style="subdivided_sections">
                <mx:Label text="Typeface Settings" ag:style="header_section_label"/>
					<mx:VBox ag:style="content_column">
	    			<mx:HBox>
	    				<mx:Label text="Header Font Family"/>
	    				<ag:mruPopup value="headerFontFamily"/>
	    			</mx:HBox>
	    			<mx:TextInput ag:maximumLength="1600" ag:resizeToFitTextHeight="true" id="headerFontFamily" ag:layout="text_color=AgPanel.bright_text_color,"/>
	    			<mx:HBox>
	    				<mx:Label text="Site Title Size (px)"/>
	    				<ag:mruPopup value="h1FontSize"/>
	    			</mx:HBox>
	    			<mx:TextInput ag:maximumLength="15" ag:resizeToFitTextHeight="true" id="h1FontSize" ag:layout="text_color=AgPanel.bright_text_color,"/>

	    			<mx:HBox>
	    				<mx:Label text="Site Title Padding (px)"/>
	    				<ag:mruPopup value="h1PaddingTop"/>
	    			</mx:HBox>
	    			<mx:TextInput ag:maximumLength="15" ag:resizeToFitTextHeight="true" id="h1PaddingTop" ag:layout="text_color=AgPanel.bright_text_color,"/>

	    			<mx:HBox>
	    				<mx:Label text="Collection Title Size (px)"/>
	    				<ag:mruPopup value="h2FontSize"/>
	    			</mx:HBox>
	    			<mx:TextInput ag:maximumLength="15" ag:resizeToFitTextHeight="true" id="h2FontSize" ag:layout="text_color=AgPanel.bright_text_color,"/>

	    			<mx:HBox>
	    				<mx:Label text="Collection Title Padding (px)"/>
	    				<ag:mruPopup value="h2PaddingTop"/>
	    			</mx:HBox>
	    			<mx:TextInput ag:maximumLength="15" ag:resizeToFitTextHeight="true" id="h2PaddingTop" ag:layout="text_color=AgPanel.bright_text_color,"/>

	    			<mx:HBox>
	    				<mx:Label text="Description Font Family"/>
	    				<ag:mruPopup value="descriptionFontFamily"/>
	    			</mx:HBox>
	    			<mx:TextInput ag:maximumLength="1600" ag:resizeToFitTextHeight="true" id="descriptionFontFamily" ag:layout="text_color=AgPanel.bright_text_color,"/>

						<mx:HBox>
							<mx:Label text="Description Text Size (px)"/>
							<ag:mruPopup value="descriptionTextSize"/>
						</mx:HBox>
						<mx:TextInput ag:maximumLength="5" ag:resizeToFitTextHeight="true" id="descriptionTextSize" ag:layout="text_color=AgPanel.bright_text_color,"/>
										</mx:VBox>
										
            </mx:VBox>

	      </mx:VBox>

	<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->


	<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
	<!-- OUTPUT PANEL -->
	
        <mx:VBox xmlns:mx="http://www.macromedia.com/2005/mxml" xmlns:ag="http://ns.adobe.com/silver/1.0" ag:panel="outputSettings">
		<mx:VBox ag:style="subdivided_sections">
                <mx:Label text="Output Settings" ag:style="header_section_label"/>
			<mx:VBox ag:style="slider_content">
				<mx:NumericStepper ag:widthInDigits="4" ag:precision="100" id="thumbnailsImageSize"
					maximum="300" minimum="15" stepSize="100" ag:style="sliderRow"
					ag:title="Image Size"
					ag:unit="px"/>
			
				<mx:NumericStepper ag:widthInDigits="3" ag:precision="100" id="jpegQualitySlider" 
					maximum="100" minimum="0" stepSize="100" ag:style="sliderRow" 
					ag:title="Quality"
					ag:unit="%"/>

				<mx:NumericStepper ag:widthInDigits="4" ag:precision="100" id="galleryBoxWidth"
					maximum="500" minimum="25" stepSize="100" ag:style="sliderRow"
					ag:title="Gallery Box Width"
					ag:unit="px"/>

				<mx:NumericStepper ag:widthInDigits="4" ag:precision="100" id="galleryBoxHeight"
					maximum="300" minimum="15" stepSize="100" ag:style="sliderRow"
					ag:title="Gallery Box Height"
					ag:unit="px"/>

			</mx:VBox>

				<mx:VBox ag:style="content_column">
					<ag:RowColumnPicker ag:layout="fill_horizontal=1," id="gridSize" minRows="1" minColumns="1" maxRows="1" maxColumns="6"/>
				</mx:VBox>

		</mx:VBox>
        </mx:VBox>

	<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->



	<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
	<!-- BINDINGS -->


        <!--
        Bindings connect controls from the various panels to values in the rest of the file.  In general,
        it appears that the binding needs to be bi-directional.  Names that start with "metadata" or
        "appearance" or "nonCSS" or some grouping like that are references into the appropriate spot in
        this file.  Other names are references to controls in the panels.

        If you do these bindings correctly, when the user modifies settings in the panels, the changes
        will be reflected in realtime in the preview area.
        -->
        
         <!-- LINK COLORS -->
         <mx:Binding destination="appearance.linksColor.color" source="hrefLinkColor.selectedColor"/>
         <mx:Binding destination="hrefLinkColor.selectedColor" source="appearance.linksColor.color"/>
        
        <mx:Binding destination="appearance.linksHoverColor.color" source="hoverLinkColor.selectedColor"/>
        <mx:Binding destination="hoverLinkColor.selectedColor" source="appearance.linksHoverColor.color"/>

        <mx:Binding destination="appearance.linksActiveColor.color" source="activeLinkColor.selectedColor"/>
        <mx:Binding destination="activeLinkColor.selectedColor" source="appearance.linksActiveColor.color"/>
        
        <mx:Binding destination="appearance.linksVisitedColor.color" source="visitedLinkColor.selectedColor"/>
        <mx:Binding destination="visitedLinkColor.selectedColor" source="appearance.linksVisitedColor.color"/>
        
          <!-- END LINK COLORS -->        
        
    <!-- export watermark -->
    <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
    <mx:Binding destination="lightroomApplication.useWatermark" source="useWatermarkCheckbox.selected"/>
    <mx:Binding destination="useWatermarkCheckbox.selected" source="lightroomApplication.useWatermark"/>
    <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
        <mx:Binding source="contactInfoName.text" destination="metadata.contactInfo.value"/>
        <mx:Binding destination="contactInfoName.text" source="metadata.contactInfo.value"/>

        <mx:Binding source="contactInfoLink.text" destination="metadata.contactInfo.link"/>
        <mx:Binding destination="contactInfoLink.text" source="metadata.contactInfo.link"/>

        <mx:Binding destination="metadata.groupDescription.value" source="groupDescription.text"/>
        <mx:Binding destination="groupDescription.text" source="metadata.groupDescription.value"/>
        <mx:Binding destination="metadata.groupTitle.value" source="groupTitle.text"/>
        <mx:Binding destination="groupTitle.text" source="metadata.groupTitle.value"/>
            
        <mx:Binding destination="metadata.siteTitle.value" source="siteTitle.text"/>
        <mx:Binding destination="siteTitle.text" source="metadata.siteTitle.value"/>

        <mx:Binding destination="lightroomApplication.identityPlateExport" source="identityPlate.lightroomIdentityPlateValue" />
        <mx:Binding destination="identityPlate.lightroomIdentityPlateValue" source="lightroomApplication.identityPlateExport" />

        <mx:Binding source="homePageLink.text" destination="metadata.homePage.link"/>
        <mx:Binding destination="homePageLink.text" source="metadata.homePage.link"/>

        
         <mx:Binding destination="nonCSS.idplateEnabled" source="lightroomIdentityPlateEnabled.selected" />
        <mx:Binding destination="lightroomIdentityPlateEnabled.selected" source="nonCSS.idplateEnabled" />
        
        <mx:Binding destination="appearance.body.color" source="foregroundColor.selectedColor"/>
        <mx:Binding destination="foregroundColor.selectedColor" source="appearance.body.color"/>

        <mx:Binding destination="appearance.body.background-color"
            source="backgroundColor.selectedColor"/>
        <mx:Binding destination="backgroundColor.selectedColor"
            source="appearance.body.background-color"/>
            
        <mx:Binding destination="appearance.HeaderInsideH1.color"
            source="HeaderInsideH1.selectedColor"/>
        <mx:Binding destination="HeaderInsideH1.selectedColor"
            source="appearance.HeaderInsideH1.color"/>

        <mx:Binding destination="appearance.HeaderInsideH2.color"
            source="HeaderInsideH2.selectedColor"/>
        <mx:Binding destination="HeaderInsideH2.selectedColor"
            source="appearance.HeaderInsideH2.color"/>

        <mx:Binding destination="appearance.thumbBoxBg.background-color"
            source="thumbBoxBg.selectedColor"/>
        <mx:Binding destination="thumbBoxBg.selectedColor"
            source="appearance.thumbBoxBg.background-color"/>

        <mx:Binding destination="metadata.thumbnailPaddingColor.value"
            source="thumbnailPadding.selectedColor"/>
        <mx:Binding destination="thumbnailPadding.selectedColor"
            source="metadata.thumbnailPaddingColor.value"/>

        <mx:Binding destination="metadata.thumbnailBorderColor.value"
            source="thumbnailBorder.selectedColor"/>
        <mx:Binding destination="thumbnailBorder.selectedColor"
            source="metadata.thumbnailBorderColor.value"/>

        <mx:Binding destination="appearance.Header.background-color"
            source="Header.selectedColor"/>
        <mx:Binding destination="Header.selectedColor"
            source="appearance.Header.background-color"/>

        <mx:Binding destination="appearance.Contact.background-color"
            source="Contact.selectedColor"/>
        <mx:Binding destination="Contact.selectedColor"
            source="appearance.Contact.background-color"/>

	    <mx:Binding destination="metadata.h1FontSize.value" source="h1FontSize.text"/>
	    <mx:Binding destination="h1FontSize.text" source="metadata.h1FontSize.value"/>

	    <mx:Binding destination="metadata.h1PaddingTop.value" source="h1PaddingTop.text"/>
	    <mx:Binding destination="h1PaddingTop.text" source="metadata.h1PaddingTop.value"/>

	    <mx:Binding destination="metadata.h2FontSize.value" source="h2FontSize.text"/>
	    <mx:Binding destination="h2FontSize.text" source="metadata.h2FontSize.value"/>

	    <mx:Binding destination="metadata.h2PaddingTop.value" source="h2PaddingTop.text"/>
	    <mx:Binding destination="h2PaddingTop.text" source="metadata.h2PaddingTop.value"/>

	    <mx:Binding destination="metadata.headerFontFamily.value" source="headerFontFamily.text"/>
	    <mx:Binding destination="headerFontFamily.text" source="metadata.headerFontFamily.value"/>

	    <mx:Binding destination="metadata.descriptionFontFamily.value" source="descriptionFontFamily.text"/>
	    <mx:Binding destination="descriptionFontFamily.text" source="metadata.descriptionFontFamily.value"/>

	    <mx:Binding destination="metadata.descriptionTextSize.value" source="descriptionTextSize.text"/>
	    <mx:Binding destination="descriptionTextSize.text" source="metadata.descriptionTextSize.value"/>

	    <mx:Binding destination="metadata.galleryBoxWidth.value" source="galleryBoxWidth.value"/>
	    <mx:Binding destination="galleryBoxWidth.value" source="metadata.galleryBoxWidth.value"/>

	    <mx:Binding destination="metadata.galleryBoxHeight.value" source="galleryBoxHeight.value"/>
	    <mx:Binding destination="galleryBoxHeight.value" source="metadata.galleryBoxHeight.value"/>

		<mx:Binding destination="nonCSS.numCols" source="gridSize.numCols" />
		<mx:Binding destination="gridSize.numCols" source="nonCSS.numCols" />

	    <mx:Binding destination="metadata.galleryBoxBackgroundColor.value" source="galleryBoxBackgroundColor.selectedColor"/>
	    <mx:Binding destination="galleryBoxBackgroundColor.selectedColor" source="metadata.galleryBoxBackgroundColor.value"/>

	    <mx:Binding destination="metadata.galleryBoxHoverColor.value" source="galleryBoxHoverColor.selectedColor"/>
	    <mx:Binding destination="galleryBoxHoverColor.selectedColor" source="metadata.galleryBoxHoverColor.value"/>

	    <mx:Binding destination="metadata.galleryBoxBorderColor.value" source="galleryBoxBorderColor.selectedColor"/>
	    <mx:Binding destination="galleryBoxBorderColor.selectedColor" source="metadata.galleryBoxBorderColor.value"/>

        <mx:Binding destination="nonCSS.thumbnailsImageSize" source="thumbnailsImageSize.value"/>
        <mx:Binding source="nonCSS.thumbnailsImageSize" destination="thumbnailsImageSize.value"/>
		
        <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
        <mx:Binding destination="lightroomApplication.jpegQuality" source="jpegQualitySlider.value" />
        <mx:Binding destination="jpegQualitySlider.value" source="lightroomApplication.jpegQuality" />
        <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
        
    </mx:Application>
    
    <agIdentityPlate destination="content/idplate.png" value="lightroomApplication.identityPlateExport" enabledBinding="lightroomIdentityPlateEnabled.selected"/>
</galleryMaker>

