$(document).ready(function() {

	/* This is basic - uses default settings */
	
	$("a#single_image").fancybox();
	
	$("a.fancybox").fancybox();
	
	/* Using custom settings */
	
	$(".iframe").fancybox({
				'width'				: '100%',
				'height'			: '100%',
				'autoScale'			: false,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'hideOnContentClick': false,
				'type'				: 'iframe'
			});
			
	$(".pdf").fancybox({
				'width'				: '100%',
				'height'			: '100%',
				'titlePosition'		: 'inside',
				'autoScale'			: false,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'hideOnContentClick': false,
				'type'				: 'iframe'
			});
	
	$("a#inline").fancybox({
		'hideOnContentClick': true
	});
	
	$("a.image_overlay").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'opacity'		: true,
				'titlePosition'	: 'over'
	});

	/* Apply fancybox to multiple items */
	
	$("a.group").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	false
	});
	
	$("a[rel=group]").fancybox({
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'cyclic'			: true,
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
	});
	
});
