$(document).ready(function() {
	$('.gallery:visible').each(function(index) {
		populateGallery(this);
	});

	function populateGallery(gallery) {
		var folder = $(gallery).parent('.container').attr('id');

		$.getJSON('/php/request-gallery.php', {folder: folder},function(data) {
			if(data.result.length != 0) {
				$(gallery).children('.gallery-images').html('');
				$(gallery).children('.gallery-navigation').html('');
				
				$.each(data.result, function(index, value) {

					if(index == 0) {
						$(gallery).children('.gallery-images').append('<img src="images/gallery/'+folder+'/'+value.fileName+'" alt="Gallery Image '+(index+1)+'" />');
						$(gallery).children('.gallery-navigation').append('<a href="javascript: //Goto image-'+(index+1)+'"><img src="images/gallery-selected.png" alt="selected" /></a>');
					} else {
						$(gallery).children('.gallery-images').append('<img src="images/gallery/'+folder+'/'+value.fileName+'" alt="Gallery Image '+(index+1)+'" style="display: none;"/>');
						$(gallery).children('.gallery-navigation').append('<a href="javascript: //Goto image-'+(index+1)+'"><img src="images/gallery-unselected.png" alt="selected" /></a>');
					}
				});
			}
		});
	}
	
	$('.gallery-navigation a').live('click', function() {
		var index = $(this).attr('href').split('-')[1] - 1;

		if(index != $(this).parents('.gallery').find('img:visible').index()) {
			
			$(this).parent().find('img').attr('src', 'images/gallery-unselected.png');
			$(this).find('img').attr('src', 'images/gallery-selected.png');
			
			$(this).parents('.gallery').children('.gallery-images').children('img').hide();
			$(this).parents('.gallery').children('.gallery-images').children('img:nth-child('+(index+1)+')').fadeIn(500);
		}
	});
});