var l = function(some) { if (console) console.log(some); }

$(document).ready(function() {

	$(window).resize(function() {

		var pictures = $(".js-pictures-wrapper"),
				
				number_of_pictures_in_row = function(pictures_width, picture_width, picture_margin) {
					var possible_count = Math.floor(pictures_width / (picture_width + picture_width * 0.2));

					if (possible_count < 3)
						return 3;

					return possible_count;
				};


		pictures.each(function() {
			var pictures_width = $(this).parent().outerWidth(),
					picture = $(this).find(".js-picture"),
					picture_width = $(picture[0]).outerWidth();

			picture.each(function() {
				var possible_picture_width = $(this).outerWidth();

				if (possible_picture_width > picture_width) {
					picture_width = possible_picture_width;
				}
			});

			picture.css("width", picture_width + "px");

			var pictures_in_row = number_of_pictures_in_row(pictures_width, picture_width),
					
					result_margin = Math.floor((pictures_in_row * picture_width - pictures_width) / (1 - pictures_in_row)),
					
					remainder = Math.abs((pictures_in_row * picture_width - pictures_width) % (1 - pictures_in_row));
		
			var counter = 0,
					row_counter = 0;

			if (picture.length > pictures_in_row) {
				picture.each(function(picture_index, e) {
					var margin = result_margin,
							float = "left";

					// First in row
					if (!(picture_index % pictures_in_row)) {
						margin = 0;
						counter = 0;
						row_counter = row_counter + 1;
					}
					else {
						if (!remainder) {
							if (counter < remainder) {
								margin = result_margin + 1;
							}

							counter = counter + 1;
						}
					}

					// Last in row
					if (!((picture_index + 1) % pictures_in_row)) {
						float = "right";
					}


					$(this)
						.addClass("row-" + row_counter)
						.css({ 
							marginLeft: margin + "px",
							marginRight: 0,
							float: float
						});
				});
				$(".user-page .gift:not(.row-1)").hide();
			}
		});
	});

	$(window).resize();

});