$(function()
{
  $('.galleria a').click(function()
  {
    var $li = $(this).parent();
    var $info_links = $('#info_links');
    var $children = $(this).children('img');
    
    for(var i = 0 ; i < $info_links.children().length; i++)
    {
      $info_links.children().eq(i).hide();
    }
    
    if($children.length > 1)
    {
      for(var i = 1; i < $children.length; i++)
      {
        $info_links.find('a').eq(i).attr('href', $children.eq(i).attr('src'));
        $info_links.children().eq(i).show();
      }
      
      $info_links.find('a').eq(0).attr('href', $(this).attr('href'));
      $info_links.children().eq(0).show();
    }
    
    $('#main_img').attr('src', $(this).attr('href'));
    $('#info_title').text($li.find('.title').text());
    $('#info_description').text($li.find('.description').text());
    $('#fancy_link').attr('href', $(this).attr('rel'));
    
    return false;
  });
  
  $('.galleria').find('a').eq(0).trigger('click');
  
  $('#info_links a').click(function()
  {
    $('#main_img').attr('src', $(this).attr('href'));
    $('#fancy_link').attr('href', $(this).attr('href'));
    
    return false;
  });
  
  var itemsPerPage = 12;
  var $children = $('.pages').children('li');
  var totalChildren = $children.length;
  var pages = Math.round(totalChildren / itemsPerPage + 0.4) - 1;
  var currentPage = 0;
  
  showPage();
  
  $('#next').click(function()
  {
    currentPage++;
    showPage();
  });
  
  $('#previous').click(function()
  {
    currentPage--;
    showPage();
  });
  
  function showPage()
  {
    $children.css('display', 'none');
  
    for(var i = itemsPerPage * currentPage; i < itemsPerPage * (currentPage + 1); i++)
    {
      $children.eq(i).fadeIn();
      $children.eq(i).find('img').css('margin-left', 0);
    }
    
    if(currentPage == 0)
    {
      $('#previous').css('display', 'none');
    }
    else
    {
      $('#previous').css('display', 'block');
    }
    
    if(currentPage >= pages )
    {
      $('#next').css('display', 'none');
    }
    else
    {
      $('#next').css('display', 'block');
    }
  }
});