$(document).ready(function() {
	$("a#webcam").fancybox({
		'overlayShow'	: true,
		'transitionIn'	: 'none',
		'transitionOut'	: 'none',
		'type'		: 'iframe',
		'scrolling'	: 'no',
		'width'		: 800,
		'height'	: 450,
		'titlePosition' : 'over',
		'onComplete'	: function() {
		$("#fancybox-wrap").hover(function() {
			$("#fancybox-title").show();
		}, function() {
			$("#fancybox-title").hide();
		});},
		'padding'	: 0,
		'autoScale'	: false

	});

	$("#gallery_hostel").click(function() {
		$.fancybox([
			'http://www.surfcityhostel.com/images/gallery_hostel/hostel01.png',
			'http://www.surfcityhostel.com/images/gallery_hostel/hostel02.png',
			'http://www.surfcityhostel.com/images/gallery_hostel/hostel03.png',
			'http://www.surfcityhostel.com/images/gallery_hostel/hostel04.png',
			{
				'href'	: 'http://www.surfcityhostel.com/images/gallery_hostel/hostel05.png',
			}
		], {
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'type'		: 'image',
			'changeFade'	: 0,
			'titlePosition'	: 'over',
			'titleFormat'	: function(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
		});
	});

	$("#gallery_life").click(function() {
		$.fancybox([
			'http://www.surfcityhostel.com/images/gallery_life/life01.png',
			'http://www.surfcityhostel.com/images/gallery_life/life02.png',
			'http://www.surfcityhostel.com/images/gallery_life/life03.png',
			'http://www.surfcityhostel.com/images/gallery_life/life04.png',
			'http://www.surfcityhostel.com/images/gallery_life/life05.png',
			'http://www.surfcityhostel.com/images/gallery_life/life06.png',
			'http://www.surfcityhostel.com/images/gallery_life/life07.png',
			'http://www.surfcityhostel.com/images/gallery_life/life08.png',
			'http://www.surfcityhostel.com/images/gallery_life/life09.png',
			'http://www.surfcityhostel.com/images/gallery_life/life10.png',
			'http://www.surfcityhostel.com/images/gallery_life/life11.png',
			'http://www.surfcityhostel.com/images/gallery_life/life12.png',
			'http://www.surfcityhostel.com/images/gallery_life/life13.png',
			'http://www.surfcityhostel.com/images/gallery_life/life14.png',
			'http://www.surfcityhostel.com/images/gallery_life/life15.png',
			'http://www.surfcityhostel.com/images/gallery_life/life16.png',
			'http://www.surfcityhostel.com/images/gallery_life/life17.png',
			'http://www.surfcityhostel.com/images/gallery_life/life18.png',
			'http://www.surfcityhostel.com/images/gallery_life/life19.png',
			'http://www.surfcityhostel.com/images/gallery_life/life20.png',
			'http://www.surfcityhostel.com/images/gallery_life/life21.png',
			'http://www.surfcityhostel.com/images/gallery_life/life22.png',
			{
				'href'	: 'http://www.surfcityhostel.com/images/gallery_life/life23.png',
			}
		], {
			'title'		: 'A collection of photos taken by our guests.',
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'type'		: 'image',
			'changeFade'	: 0,
			'titlePosition'	: 'over',
			'titleFormat'	: function(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
		});
	});

	$("#gallery_spyder2011").click(function() {
		$.fancybox([
			'http://www.surfcityhostel.com/images/gallery_spyder2011/spyder01.png',
			'http://www.surfcityhostel.com/images/gallery_spyder2011/spyder02.png',
			'http://www.surfcityhostel.com/images/gallery_spyder2011/spyder03.png',
			'http://www.surfcityhostel.com/images/gallery_spyder2011/spyder04.png',
			'http://www.surfcityhostel.com/images/gallery_spyder2011/spyder05.png',
			'http://www.surfcityhostel.com/images/gallery_spyder2011/spyder06.png',
			{
				'href'	: 'http://www.surfcityhostel.com/images/gallery_spyder2011/spyder07.png',
			}
		], {
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'type'		: 'image',
			'changeFade'	: 0,
			'titlePosition'	: 'over',
			'titleFormat'	: function(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
		});
	});

	$("a[rel=group]").fancybox({
		'overlayShow'	: false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'titlePosition' 	: 'over',
		'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
			    return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
	});

});