$(document).ready(function(){

  if($('#gallery').length) {
  
    $('body').addClass('active');
    $('#description').hide();
  
    $('#info').click(function(e) {
      e.preventDefault();
      if($('#description').is(':visible')) {
        $('#description').hide();
        $(this).removeClass('selected');
      } else {
        $('#description').show();
        $(this).addClass('selected');
      }
    });
  
    var ul = $('#gallery ul').get(1);
    var images = $(ul).find('li');
  
    var pos = window.location.hash.slice(1);
  
    if(pos && pos >= 0 && pos <= images.length) {
      $(images).removeClass('focus');
      $(images[pos]).addClass('focus');
      $('#counter span').first().html(1+(parseFloat(pos, 10)));
    } else {
      $(images).removeClass('focus');
      $(images[0]).addClass('focus');
    }
  
    $('.works a').click(function(e) {
      e.preventDefault();
      var href = $(this).attr('href');
      if(href.indexOf('#') >= 0 
          && href.slice(0, window.location.pathname.length) == window.location.pathname 
          && window.location.pathname.length > 7) {
        var pos = href.slice(href.indexOf('#')+1);
        if(pos && pos >= 0 && pos <= images.length) {
          $(images).removeClass('focus');
          $(images[pos]).addClass('focus');
          $('#counter span').first().html(1+(parseFloat(pos, 10)));
        }
      } else {
        window.location = href;
      }
    });
  
    $('#next, #previous').click(function(e) {
      e.preventDefault();
      for (var i = 0; i < images.length; i++) {
        if($(images[i]).hasClass('focus')) {
          if(this.id == 'next' && images[i+1]) {
            $(images[i]).removeClass('focus');
            $(images[i+1]).addClass('focus');
            $('#counter span').first().html(i+2);
          } else if(this.id == 'next' && !images[i+1]) {
            $(images[i]).removeClass('focus');
            $(images[0]).addClass('focus');
            $('#counter span').first().html(1);
          } else if(this.id == 'previous' && images[i-1]) {
            $(images[i]).removeClass('focus');
            $(images[i-1]).addClass('focus');
            $('#counter span').first().html(i);
          } else if(this.id == 'previous' && !images[i-1]) {
            $(images[i]).removeClass('focus');
            $(images[images.length-1]).addClass('focus');
            $('#counter span').first().html(images.length);
          }
          break;
        }
      }
    });
  }

  $('#gallery').find('a.lightbox').lightBox();

});