<?xml version="1.0" encoding="utf-8"?>
  <!--
          PhotoViewer
  -->
  <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" xmlns:ui="ui.*"
                  horizontalScrollPolicy="off"
                  verticalScrollPolicy="off"
                  clipContent="true">
  
          <mx:Metadata>
                  [Event(name="favorite",type="com.adobe.flickr.events.FavoriteEvent")]
                  [Event("hideView")]
          </mx:Metadata>
          
          <mx:states>
                  <mx:State name="loadingState">
                          <mx:SetProperty target="{loading}" name="visible" value="true" />
                          <mx:SetProperty target="{photoTitle}" name="text" value="" />
                  </mx:State>
          </mx:states>
          
          <mx:Script>
          <![CDATA[
                  import com.adobe.flickr.interfaces.ISlideShow;
                  import mx.collections.ArrayCollection;
                  import mx.utils.ArrayUtil;
                  import mx.printing.*;
                  import com.adobe.flickr.events.*;
                  
                  [Bindable]
                  public var title:String;
                  
                  [Bindable]
                  private var __selectedPhoto:*;
                  public function set selectedPhoto( photo:* ) : void
                  {
                          __selectedPhoto = photo;
                          if( __selectedPhoto.title == null ) __selectedPhoto.title = "- untitled -";
                  }
                  public function get selectedPhoto() : *
                  {
                          return __selectedPhoto;
                  }
                  
                  [Bindable]
                  public var __selectedPhotoInfo:*;
                  public function set selectedPhotoInfo( info:Object ) : void
                  {
                          __selectedPhotoInfo = info;
                  }
                  
                  public function set source( url:String ) : void
                  {
                          img.source = url;
                          img.hideImage();
                          currentState = "loadingState";
                  }
                  
                  public var viewer:ISlideShow;
                  
                  private function nextPhoto() : void
                  {
                          if( viewer != null ) viewer.nextPhoto();
                  }
                  
                  private function prevPhoto() : void
                  {
                          if( viewer != null ) viewer.prevPhoto();
                  }
                  
                  private function addToFavorites() : void
                  {
                          var fv:FavoriteEvent = new FavoriteEvent(selectedPhoto);
                          dispatchEvent( new FavoriteEvent(selectedPhoto) );
                  }
                  
                  private function printImage() : void
                  {
                          var pj:FlexPrintJob = new FlexPrintJob();
  
                          if( !pj.start() ) return;
                          
                          pj.addObject(img,FlexPrintJobScaleType.SHOW_ALL);
                          pj.send();
                  }
          ]]>
          </mx:Script>
          
          <mx:Text id="photoTitle" top="2" left="2" right="2" 
                  text="{__selectedPhoto.title}" styleName="photoTitle" />
                  
          <mx:HBox top="24" left="2" right="2" bottom="25" horizontalGap="0" paddingTop="8">
                  <mx:VBox height="100%" width="30" horizontalAlign="center" verticalGap="6" >
                          <mx:Button width="25" height="22" styleName="photoViewCloseButton" 
                                  toolTip="Closes this view" 
                                  click="dispatchEvent(new Event('hideView'))" />
                          <mx:Button width="25" height="22" styleName="photoViewPrintButton"
                                  toolTip="Prints the Photo" click="printImage()" />
                          <mx:Button width="25" height="22" styleName="photoViewFavoritesButton"
                                  toolTip="Add to Favorites" click="addToFavorites()" />
                          <mx:LinkButton width="25" height="22" styleName="photoViewPrevButton"
                                  toolTip="Previous Photo" click="prevPhoto()" />
                          <mx:LinkButton width="25" height="22" styleName="photoViewNextButton"
                                  toolTip="Next Photo" click="nextPhoto()" />
                  </mx:VBox>
                  <mx:Accordion id="accordion" 
                                  width="100%" 
                                  height="100%"
                                  creationPolicy="all" 
                                  historyManagementEnabled="false" 
                                  selectedIndex="0">
                          <mx:VBox label="Photo" width="100%" height="100%" styleName="photoSpace" >
                                  <actionscript_application_flickr_ImageMixer id="img" width="100%" height="100%"
                                                  complete="currentState=''" />
                          </mx:VBox>
                          <actionscript_application_flickr_PhotoDetails label="Details" id="canvas1" width="100%" height="100%"
                                          data="{__selectedPhotoInfo}" >
                          </actionscript_application_flickr_PhotoDetails>
                  </mx:Accordion>
          </mx:HBox>
          
  <!--        <mx:Label id="loading" text="Loading" styleName="loadingLabelLarge"
                          visible="false"
                          left="0" right="0" bottom="2" /> -->
                  <mx:Image id="loading" source="@Embed(source='actionscript-application-flickr-assets-skins.swf',symbol='loadingImage')"
                          visible="false"
                          horizontalCenter="0" bottom="2" />
          
  </mx:Canvas>