// function to re-order header menu items
var reorderMenu = function() {
	var ecclesia = $('#cat-14').get()[0];
	var karpos = $('#cat-5').get()[0];
	var koinonia = $('#cat-6').get()[0];
	var kosmos = $('#cat-4').get()[0];
	var logos = $('#cat-3').get()[0];
	var con = $('#middle').get()[0];
	// new order: koinonia, logos, karpos, kosmos, ecclesia
	con.appendChild(koinonia);
	con.appendChild(logos);
	con.appendChild(karpos);
	con.appendChild(kosmos);
	con.appendChild(ecclesia);
}

// no need to call reorderMenu here, cos it's now called in header.php right after div#middle
// $(document).ready(reorderMenu);