jQuery(document).ready(function() {

$("a[rel=apartman1]").fancybox({
			'overlayOpacity'	: 0.5,
			'overlayColor'		: '#000',
			'titlePosition'		: 'over',
			'padding'			: 10,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'              : 'image',
			'changeFade'        : 0,
			'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-over">Slika ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
});

$("a[rel=apartman2]").fancybox({
			'overlayOpacity'	: 0.5,
			'overlayColor'		: '#000',
			'titlePosition'		: 'over',
			'padding'			: 10,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'              : 'image',
			'changeFade'        : 0,
			'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-over">Slika ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
});

$("a[rel=apartman3]").fancybox({
			'overlayOpacity'	: 0.5,
			'overlayColor'		: '#000',
			'titlePosition'		: 'over',
			'padding'			: 10,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'              : 'image',
			'changeFade'        : 0,
			'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-over">Slika ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
});

$("a[rel=apartman4]").fancybox({
			'overlayOpacity'	: 0.5,
			'overlayColor'		: '#000',
			'titlePosition'		: 'over',
			'padding'			: 10,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'              : 'image',
			'changeFade'        : 0,
			'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-over">Slika ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
});

$("a[rel=apartman5]").fancybox({
			'overlayOpacity'	: 0.5,
			'overlayColor'		: '#000',
			'titlePosition'		: 'over',
			'padding'			: 10,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'              : 'image',
			'changeFade'        : 0,
			'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-over">Slika ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
});

$("a[rel=apartman6]").fancybox({
			'overlayOpacity'	: 0.5,
			'overlayColor'		: '#000',
			'titlePosition'		: 'over',
			'padding'			: 10,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'              : 'image',
			'changeFade'        : 0,
			'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-over">Slika ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
});

$("a[rel=apartman7]").fancybox({
			'overlayOpacity'	: 0.5,
			'overlayColor'		: '#000',
			'titlePosition'		: 'over',
			'padding'			: 10,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'              : 'image',
			'changeFade'        : 0,
			'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-over">Slika ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
});

$("a[rel=studio1]").fancybox({
			'overlayOpacity'	: 0.5,
			'overlayColor'		: '#000',
			'titlePosition'		: 'over',
			'padding'			: 10,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'              : 'image',
			'changeFade'        : 0,
			'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-over">Slika ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
});

$("a[rel=studio2]").fancybox({
			'overlayOpacity'	: 0.5,
			'overlayColor'		: '#000',
			'titlePosition'		: 'over',
			'padding'			: 10,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'              : 'image',
			'changeFade'        : 0,
			'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-over">Slika ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
		}
});

$("#dvoriste").click(function() {
		$.fancybox([
			{
			'href'	:	'images/dvoriste_01.jpg',
			'title' :	'Za pregled slika možete koristiti strelice levo/desno na tastaturi'
			},
			{
			'href'	:	'images/dvoriste_02.jpg',
			'title' :	'Dvorište Vile Luna'
			},
			{
			'href'	:	'images/dvoriste_03.jpg',
			'title' :	'Dvorište Vile Luna'
			},
			{
			'href'	:	'images/dvoriste_04.jpg',
			'title' :	'Dvorište Vile Luna'
			},
			{
			'href'	:	'images/dvoriste_05.jpg',
			'title' :	'Dvorište Vile Luna'
			},
			{
			'href'	:	'images/dvoriste_06.jpg',
			'title' :	'Dvorište Vile Luna'
			},
			{
			'href'	:	'images/dvoriste_07.jpg',
			'title' :	'Dvorište Vile Luna'
			},
			{
			'href'	:	'images/dvoriste_08.jpg',
			'title' :	'Dvorište Vile Luna'
			}
		], {
			'padding'			: 10,
			'type'              : 'image',
			'changeFade'        : 0,
			'titleShow'     	: true,
			'titlePosition'		: 'inside',
			'transitionIn'		: 'elastic',
			'transitionOut'		: 'elastic',
			'easingIn'      	: 'easeOutBack',
			'easingOut'     	: 'easeInBack'
		});
});

$("#objekat").click(function() {
		$.fancybox([
			{
				'href'	: 'images/objekt_01.jpg',
				'title'	: 'Slike objekta | za navigaciju kroz galeriju možete koristiti strelice levo-desno na tastaturi'
			},
			{
				'href'	: 'images/objekt_02.jpg',
				'title'	: 'Slike objekta'
			},
			{
				'href'	: 'images/objekt_03.jpg',
				'title'	: 'Slike objekta'
			},
			{
				'href'	: 'images/objekt_04.jpg',
				'title'	: 'Slike objekta'
			},
			{
				'href'	: 'images/objekt_05.jpg',
				'title'	: 'Slike objekta'
			}
		], {
			'overlayOpacity'	: 0.5,
			'overlayColor'		: '#000',
			'titlePosition'		: 'over',
			'padding'			: 10,
			'type'              : 'image',
			'changeFade'        : 0
		});
})

$("a#apartman1").fancybox({
		'titleShow'     : true,
		'titlePosition'	: 'inside',
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'easingIn'      : 'easeOutBack',
		'easingOut'     : 'easeInBack'
})
$("a#apartman2").fancybox({
		'titleShow'     : true,
		'titlePosition'	: 'inside',
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'easingIn'      : 'easeOutBack',
		'easingOut'     : 'easeInBack'
})
$("a#apartman3").fancybox({
		'titleShow'     : true,
		'titlePosition'	: 'inside',
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'easingIn'      : 'easeOutBack',
		'easingOut'     : 'easeInBack'
})
$("a#apartman4").fancybox({
		'titleShow'     : true,
		'titlePosition'	: 'inside',
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'easingIn'      : 'easeOutBack',
		'easingOut'     : 'easeInBack'
})
$("a#apartman5").fancybox({
		'titleShow'     : true,
		'titlePosition'	: 'inside',
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'easingIn'      : 'easeOutBack',
		'easingOut'     : 'easeInBack'
})
$("a#apartman6").fancybox({
		'titleShow'     : true,
		'titlePosition'	: 'inside',
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'easingIn'      : 'easeOutBack',
		'easingOut'     : 'easeInBack'
})
$("a#apartman7").fancybox({
		'titleShow'     : true,
		'titlePosition'	: 'inside',
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'easingIn'      : 'easeOutBack',
		'easingOut'     : 'easeInBack'
})
$("a#studio1").fancybox({
		'titleShow'     : true,
		'titlePosition'	: 'inside',
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'easingIn'      : 'easeOutBack',
		'easingOut'     : 'easeInBack'
})
$("a#studio2").fancybox({
		'titleShow'     : true,
		'titlePosition'	: 'inside',
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'easingIn'      : 'easeOutBack',
		'easingOut'     : 'easeInBack'
})
$("a#mapa").fancybox({
		'titleShow'     : true,
		'titlePosition'	: 'inside',
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'easingIn'      : 'easeOutBack',
		'easingOut'     : 'easeInBack'
})
});
