$(document).ready(f_init);

var nMax   = 0;
var nCur   = 0;
var aItems = [];

function f_init() {
	$("div#pp div.item").each(function (a, b) {
		var jo = $(b);

		var ii = f_getInfo(jo);

		jo.css({ left: 247*a }).attr("n", a);
		if(!aItems[ii[1]]) aItems[ii[1]] = [];
		aItems[ii[1]][ii[0]] = jo;
		nMax = a;
	});
	$("p#ny a.y").click(function () {
		aCur[1] = f_getNum($(this)); f_refresh();
	});
	$("p#nm a.m").click(function () {
		aCur[0] = f_getNum($(this)); f_refresh();
	});
	$("div#pp div.item").click(function () {
		aCur = f_getInfo($(this)); f_refresh();
	});
	f_refresh();
}

function f_refresh() {
	var jo;
	sCur = "i"+aCur[0]+"x"+aCur[1];
	jo   = $("div#pp div."+sCur);
	nCur = jo.attr("n");
	$("p#ny a.y").removeClass("sel");
	$("p#nm a.m").removeClass("sel");
	$("p#ny a.y"+aCur[1]).addClass("sel");
	$("p#nm a.m"+aCur[0]).addClass("sel");
	$("div#pp div.item").removeClass("sel");
	jo.addClass("sel");
	if(nCur>0 && nCur<nMax) $("div#sl").animate({ left: 247-(247*nCur) });
	if(nCur==0            )  $("div#sl").animate({ left: 0 });
	if(nCur==nMax         )  $("div#sl").animate({ left: 494-(247*nCur) });
	$("div#sm").load("ajax-summary.php?m="+aCur[0]+"&y="+aCur[1], f_cols);
}

function f_getNum(jo) {
	var href = jo.attr("href");
	return href.substr(1);
}

function f_getInfo(jo) {
	var cn = jo.attr("class");
	cn = cn.substr(2+cn.indexOf(" "));
	return cn.split("x");
}

function f_cols(data) {
	if(data.length<100) return;
	var maxH = $("div#sm").height() / 3;
	var cols = [];
	$("div#sm").prepend("<div class='col'></div>");
	$("div#sm").prepend("<div class='col'></div>");
	$("div#sm").prepend("<div class='col'></div>");
	cols[0] = $("div#sm").find("div:eq(0)");
	cols[1] = $("div#sm").find("div:eq(1)");
	cols[2] = $("div#sm").find("div:eq(2)");
	var col = 0;
	var sum = 0;
	$("div#sm .item").each(function (a, b) {
		cols[col].append($(b));
		sum += $(b).height();
		if(sum>maxH) {
			sum = 0;
			col = Math.min(2, col+1);
		}
	});
}