$(document).ready(function() {

	$("#zdjecia_jachtu")
		.prepend(jQuery("<div />").addClass('images_nav'))
		.prepend(jQuery("<div />").addClass('controls')
			.append(jQuery("<a />" ).attr({'class':'prev', 'href': '', 'title': 'Poprzednie zdjęcie'}))
			.append(jQuery("<a />" ).attr({'class':'next', 'href': '', 'title': 'Nestępne zdjęcie'}))
		)

	var jachty_images = [[], [], []];

	var count = $("#zdjecia_jachtu .images a").length;

	for(var i = 1; i <= count; i++) {
		jachty_images[0].push($("#zdjecia_jachtu .images a:nth-child(" + i + ")").attr('href'));
		jachty_images[1].push($("#zdjecia_jachtu .images a:nth-child(" + i + ")").attr('title'));
		jachty_images[2].push($("#zdjecia_jachtu .images a:nth-child(" + i + ") img").attr('src'));
		$("#zdjecia_jachtu .images_nav")
			.append(jQuery("<a />")
				.attr({
					'href': $("#zdjecia_jachtu .images a:nth-child(" + i + ")").attr('href'),
					'title': $("#zdjecia_jachtu .images a:nth-child(" + i + ")").attr('title')
				})
				.html(i)
			)
			.append(" ")
	}

	$("#zdjecia_jachtu .images_nav a:first-child").addClass('selected');

	$("#zdjecia_jachtu .images").remove();

	$("#zdjecia_jachtu")
		.prepend(jQuery("<div />").addClass('image_wrapper')
			.css({'background':'#fff url(/media/images/ajax-loader.gif) center center no-repeat'})
			.append(
				jQuery("<a />")
					.addClass('ajax')
					.fancybox({ 'hideOnContentClick': false })
					.attr({
						'href': jachty_images[0][0],
						'title': jachty_images[1][0]
					})
					.append(
						jQuery("<img />")
							.attr({
								'src': jachty_images[2][0],
								'width': 280,
								'height': 187,
								'alt': jachty_images[1][0]
							})
					)
			)
		)

	$("#zdjecia_jachtu .controls a").click(function() {
		var selected = $("#zdjecia_jachtu a.selected").html();
		if($(this).attr('class') == 'next') {
			var select = (selected * 1) + 1;
			if(select > count) {
				select = 1;
			}
		} else {
			var select = (selected * 1) - 1;
			if(select < 1) {
				select = count;
			}
		}

		$("#zdjecia_jachtu .image_wrapper img").animate({
			opacity: '0.2'
		}, 200, function callback() {
			$(this).parent().attr({
				'href': jachty_images[0][select - 1],
				'title': jachty_images[1][select - 1]
			});
			$(this)
				.attr({
					'src': jachty_images[2][select - 1],
					'alt': jachty_images[1][select - 1]
				})
				.animate({ opacity: '1' }, 200)
		});
		$("#zdjecia_jachtu .images_nav .selected").removeClass('selected');
		$("#zdjecia_jachtu a:contains(" + select + ")").addClass('selected');
		return false;
	});

	$("#zdjecia_jachtu .images_nav a").click(function() {
		var nr = $(this).text();
		$("#zdjecia_jachtu .image_wrapper img").animate({
			opacity: '0.2'
		}, 200, function callback() {
			$(this).parent().attr({
				'href': jachty_images[0][nr - 1],
				'title': jachty_images[1][nr - 1]
			});
			$(this)
				.attr({
					'src': jachty_images[2][nr - 1],
					'alt': jachty_images[1][nr - 1]
				})
				.animate({ opacity: '1' }, 200)
		});
		$("#zdjecia_jachtu .images_nav .selected").removeClass('selected');
		$(this).addClass('selected');
		return false;
	});

});