$(document).ready(function() {
	$("a.zoom").fancybox();

	$("a.zoom1").fancybox({
		'overlayOpacity'	:	0.7,
		'overlayColor'		:	'#FFF'
	});

	$("a.zoom2").fancybox({
		'zoomSpeedIn'		:	500,
		'zoomSpeedOut'		:	500,
		'overlayShow'		:	false
	});
});


/*
Available options

You can pass them as shown above or modify them at the bottom of FancyBox JS file

padding								Padding around content
imageScale							If true, images are scaled to fit in viewport
zoomOpacity							If true, changes content transparency when animating
zoomSpeedIn							Speed in miliseconds of the zooming-in animation
									(no animation if 0)
zoomSpeedOut 						Speed in miliseconds of the zooming-out animation
									(no animation if 0)
zoomSpeedChange 					Speed in miliseconds of the animation when changing gallery items
									(no animation if 0)
easingIn, easingOut, easingChange 	Easing used for animations
frameWidth 							Default width for iframed and inline content
frameHeight 						Default height for iframed and inline content
overlayShow 						If true, shows the overlay (false by default)
									Overlay color is defined in CSS file
overlayOpacity 						Opacity of overlay (from 0 to 1; default - 0.3)
overlayColor 						Color of overlay (default - #666)
enableEscapeButton 					Hides FancyBox when clicked on "Esc" button
showCloseButton 					Option to show/hide close button
hideOnOverlayClick 					Hides FancyBox when clicked on overlay
hideOnContentClick 					Hides FancyBox when clicked on opened item
centerOnScroll 						If true, content is centered when user scrolls page
itemArray 							Optional, can set custom item array
callbackOnStart 					Optional, called on start
callbackOnShow	 					Optional, called on displaying content
callbackOnClose					 	Optional, called on close


http://kac.klade.lv/
http://fancybox.net/howto


*/