var rows = 7;
var posts = 40;
var margin = 25;
var underlimit = 4;
$(document).ready(function() {
setcord();
running();
settext();

});

function settext() {
	$(".name").lettering();	
	//togglekerning();
	
}

function setcord() {
	for(var i = 0; i < rows; i++) {
		var plus = i+1;
		var leftval = (margin * plus) + ($(".row"+plus).width() * i);
		$(".row"+plus).css("left", leftval + "px");
	}
	
		
}

function sorting(amount) {
	//var padding = ($(window).width() - ($(".row1").width() + margin + 1) * amount) / 2;
	
	//$(".row1").css("margin-left", padding);
	
	
	
	for(var z = 1; z <= rows; z++) {
		
		$(".row" + z).show();
	}
	var switch_r = amount - rows;
	if(switch_r < 0) {
		var diff = rows - amount;
		
		for(var y = 0; y < diff; y++) {
			var idname = rows - y;
			$(".row" + idname).hide();
		}
		
		
	}
	var counter1 = 0;
	for(var i = 0; i < posts; i++) {
		if(counter1 != amount) {
			counter1++;				
			$("#id" + i).appendTo(".row" + counter1); 
		} else {
			counter1 = 1;
			$("#id" + i).appendTo(".row" + counter1); 
		}
	}
	var highest = 0;
	for(var i = 1; i <= amount; i++) {
		if($(".row"+i).height() > highest) {
			highest = $(".row"+i).height();
		}
	}
	$("portfolio").height(highest);
}
function running() {
		var divi = Math.floor( ($(window).width()-25) / ($(".row1").width() + margin));
		if(divi > rows) {
			divi = rows;
		} else if (divi < underlimit) {
			divi = underlimit;
		}
		
			sorting(divi);
			$(".info").html(divi);	
		
		

}
$(window).resize(function() {
	running();
});