$('html').addClass('js');

var getPortfolioItemInfo = function(title, elements, index, fancybox) {
  var info = $(elements[0]).parent().find('div.info');
  return info.html();
};

var setFancyboxClassName = function(elements) {
  var wrapper = $('#fancybox-wrap');
  var isPortfolio = $(elements).parents('#portfolio').length > 0;

  wrapper[ isPortfolio ? 'addClass' : 'removeClass' ]('portfolio');
};

var fancyboxOptions = {
  margin:           10,
  padding:          0,
  autoScale:        false,
  overlayColor:     '#fff',
  overlayOpacity:   0.5,
  transitionIn:     'none',
  transitionOut:    'none',
  speedIn:          0.1,
  speedOut:         0.1,
  changeSpeed:      0.1,
  centerOnScroll:   true,
  onStart:          setFancyboxClassName
};

$(function() {
  $('li.portfolio-item a').fancybox($.extend({}, fancyboxOptions, {
    titleFormat: getPortfolioItemInfo
  }));

  $('#nav a').fancybox($.extend({}, fancyboxOptions, {
    showCloseButton: false
  }));

  $('li.portfolio-item').each(function(){
    var item = $(this);
    var link = item.find('a').first();

    item.bind('click', function(e) {
      if ($(e.target).is('a')) {
        return;
      }

      e.preventDefault();
      link.trigger('click');
    });
  });
});