$(function()
{
  $('.galleria a').click(function()
  {
    
    var $li = $(this).parent();
    
    $('#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;
  });
  
  var itemsPerPage = 8;
  var $children = $('.pages').children('li');
  var totalChildren = $children.length;
  var pages = Math.round(totalChildren / itemsPerPage + 0.4) - 1;
  var currentPage = 0;
  
  showPage();
  
  $('#nextJS').click(function()
  {
    currentPage++;
    showPage();
  });
  
  $('#prevJS').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)
    {
      $('#prevJS').css('display', 'none');
    }
    else
    {
      $('#prevJS').css('display', 'block');
    }
    
    if(currentPage >= pages )
    {
      $('#nextJS').css('display', 'none');
    }
    else
    {
      $('#nextJS').css('display', 'block');
    }
  }
});