$(document).ready(function(){
  
  $('div.photo_selector a.prev_image').click(function(){
    var currentImage = $('span.image_number', $(this).parent());
    
    if(parseFloat(currentImage.html()) > 1)
    {
      currentImage.html(parseFloat(currentImage.html()) - 1);
      change_picture(this);
    }
    
    return false;
  });
  
  $('div.photo_selector a.next_image').click(function(){
    var currentImage = $('span.image_number', $(this).parent());
    var totalImages = parseFloat($('span.total_images', $(this).parent()).html());
    
    if(parseFloat(currentImage.html()) < totalImages)
    {
      currentImage.html(parseFloat(currentImage.html()) + 1);
      change_picture(this);
    }
    
    return false;
  });  
  
  $('div.photo_selector a.delete_image').click(function(){
    
    if(confirm('Are you sure you want to delete this image?'))
    {
      
      var source = $('div.selected_image img', $(this).parent().parent()).get(0).id;
      //console.log(source);
      var id = source.replace(/photo_id_/, '');
      
      //console.log(id);
      document.location.href = baseDir + 'photos/delete/' + id;
    }
    
    return false;
    
  });
  
});


function change_picture(object)
{
  
  var imageNumber = $('span.image_number', $(object).parent()).html() - 1;
  var imageSrc = $('div.other_images img', $(object).parent().parent()).get(imageNumber);
  var selectedImage = $('div.selected_image img', $(object).parent().parent());
  var fadeLength = 300;
  $('p.caption', $(object).parent().parent()).html(imageSrc.alt);
  selectedImage.fadeOut(fadeLength);
  setTimeout(function()
  { 
    selectedImage.attr('src', imageSrc.src);
    selectedImage.attr('alt', imageSrc.alt);
    selectedImage.attr('id', imageSrc.id);
    
    //console.log(object);
    setTimeout(function(){ selectedImage.fadeIn(fadeLength); }, 100);
  }, fadeLength);
}