-#   Copyright (c) 2010, Diaspora Inc.  This file is
-#   licensed under the Affero General Public License version 3 or later.  See
-#   the COPYRIGHT file.

:javascript
  $(document).keydown(function(e){
    switch(e.keyCode) {
    case 37:
      if(!$("textarea").hasClass("hasfocus")){//prevent redirect if textarea has focus
        window.location.replace( "#{url_to_prev(@photo,@album)}" );
      }
      break;
    case 39:
      if(!$("textarea").hasClass("hasfocus")){
        window.location.replace( "#{url_to_next(@photo,@album)}" );
      }
      break;
    }
  });

  $(document).ready(function(){
    //add a clas to verify if a textarea has focus
    $("textarea").live('focus',function(){
      $(this).addClass("hasfocus");
    });
    $("textarea").live('blur',function(){
      $(this).removeClass("hasfocus");
    });

    //show form to add description
    $(".edit-desc").click(function(){
      $(".edit_photo").toggle(); 
    });

    //Add a description with ajax request
    $("#photo_submit").click(function(evenet){
      event.preventDefault();
      var method = $(".edit_photo").attr("method");
      var url = $(".edit_photo").attr("action");
      var data = $(".edit_photo").serialize();
      $(".description").text($("#photo_caption").val());
      $(".edit_photo").toggle();

        $.ajax({  
          type: method,
          url: url,  
          data: data,  
          success: function(response){  
            $("#add-description").remove();
          }
        });

    });

  });//end document ready

.span-4.append-1.last
  = render "shared/aspect_friends"

.span-19.last
  %h3
    = link_to @photo.album.name, @photo.album
    = @photo.image

  = link_to "<< #{t('.prev')}", url_to_prev(@photo, @album), :rel => 'prefetch'
  |
  = link_to "#{t('.full_size')}", @photo.url
  |
  = link_to "#{t('.next')} >>", url_to_next(@photo, @album), :rel => 'prefetch'

  -if current_user.owns? @album
    = link_to t('.edit_photo'), edit_photo_path(@photo), :class => "button"

  %br
  %br

  %div{:id => @photo.id}
    #show_photo

      -if current_user.owns? @photo
        .edit_pane
          .controls{:data=>{:actor=>"#{@photo.person.owner.id}",:actor_person=>"#{@photo.person.id}",:image_url=>"#{@photo.url(:thumb_medium)}"}}
            = link_to 'make profile photo', '#', :class => "make_profile_photo"
          = linked_scaled_photo @photo, @album
      -else
        = linked_scaled_photo @photo, @album
      .caption
        -if current_user.owns? @photo
          -if @photo.caption and @photo.caption != ""
            = link_to 'Edit','javascript:void(0)', :id => "edit-desc", :class => "edit-desc"
        .description
          = @photo.caption

      -if current_user.owns? @photo
        %div{:class => 'clear'}
        -if !@photo.caption or @photo.caption == ""
          = link_to 'Add a description','javascript:void(0)', :id => "add-description", :class => "edit-desc"

      = form_for @photo do |p|
        = p.text_field :caption, :value => @photo.caption
        = p.submit
        %div{:class => 'clear'}

    %h4{:class => "show_post_comments"}
      = "#{t('.comments')} (#{@photo.comments.count})"
    = render "comments/comments", :post => @photo

    #content_bottom
      .back
        = link_to "⇧ #{@album.name}", album_path(@album)

      -if current_user.owns? @album
        .right
          = link_to t('.delete_photo'), @photo, :confirm => t('.are_you_sure'), :method => :delete, :class => 'button'