$(document).ready(function() {
	
	function imageTitle(title, currentArray, currentIndex, currentOpts) {
        return '<div class="image_title"><p>' + (title && title.length ? title : '' ) + '<div class="clear"></div>' + '</div>';
    }
	
	$("a[rel=fancybox]").fancybox({
		'padding'			:	0,
		'cyclic'			:	true,
		'centerOnScroll'	:	true,
		'titlePosition'		:	'over',
		'titleFormat'		:	imageTitle,
		'hideOnOverlayClick':	true,
		'transitionIn'		:	'elastic',
		'transitionOut'		:	'elastic',
		'speedIn'			:	300, 
		'speedOut'			:	300, 
		'overlayColor'		:	'#000',
		'overlayOpacity'	:	0.8,
		'overlayShow'		:	true,
		'padding'			:	20
			
	});
	
    
	
});