var maxHeight = 420;
	var pagingHeight = 30;
	var imgHeight = 255;
	var navOffsetHeight = 15;
	
	var colCount = 3;
	var page = 1;
	
	var withImg = countElements("div", "id", "portrait") > 0 ;
		
	var navId = "subNav"
	var containerId = "container"
	
	var inner = document.getElementById(containerId).innerHTML;
	
	var navHeight = document.getElementById(navId).offsetHeight
	
	var navHeight = 15 * Math.floor(navHeight/15)
	
	document.getElementById(navId).style.height = navHeight + "px";
	
	var stageHeight = maxHeight - navHeight;
	
	var isVita = (countElements("div", "className", "vita") > 0)
	if (isVita)  stageHeight = stageHeight - 45; 

	var newInner = "";
	
	
	var visibleTextHeight = 0;
	var heights = new Array();
	
	for (var i = 1; i <= colCount; i++ ) {
		var top = 0;
		if (i < colCount) {
			var height = stageHeight
			if (height == 420) {height = 435;}
		} else {
			if (withImg) {
				var height = maxHeight - (imgHeight + pagingHeight);
				top = imgHeight - navHeight;
			} else {
				var height = stageHeight - pagingHeight
			}
			if (isVita) {
				top = top - 45;
			}
		}
		heights[i] = height;
		visibleTextHeight = visibleTextHeight + height;

		newInner += "<div class='colContainer' id='colContainer_" + i + "' style='height:" + height + "px; margin-top:" + String(top) + "px' ><div>" + inner + "</div></div>";
	}
	document.getElementById(containerId).innerHTML = newInner;
	
	var allTextHeight = document.getElementById("colContainer_1").firstChild.offsetHeight;
	
	var pages = Math.ceil(allTextHeight / visibleTextHeight);

	var lastPartHeight = allTextHeight % visibleTextHeight
	
	var hideLastPaging = false;
	// do I realy need a pager? Or did'nt I, cause there's  enough space, if there is no pager? (Don't start new page for 2 rows)
	if (lastPartHeight > 0 && lastPartHeight <= pagingHeight) {
		pages = pages - 1;
		hideLastPaging = true;
		// last column higher, if there is noch pager
		document.getElementById("colContainer_" + colCount).style.height = String(document.getElementById("colContainer_" + colCount).offsetHeight + pagingHeight) + "px";
	} 
	
	move(1)

	function move(p) {
		page = p;
//alert(visibleTextHeight)
		var pos = (page - 1) * visibleTextHeight
		var pager = document.getElementById("pager");
		for (var i = 1; i <= colCount; i++ ) {
			document.getElementById("colContainer_" + i).firstChild.style.top = "-" + String(pos + 1) + "px";
			pos = pos + heights[i];
		}
		if (page == pages && hideLastPaging || pages < 2) {
			pager.style.display = "none";
			pager.style.visibility = "hidden";
		} else {
			pager.style.display = "block";
			pager.style.visibility = "visible";
			pager.innerHTML = getPager(page)
		}
	}
	function getPager(p) {
		var out = "";
		if (pages > 1) {
			// more link?
			if (p < pages) {
				out += out += "<a onclick='move(" + (p + 1) + ")'>[&hellip;]</a>";
			}
			out += "<div>Paging: "
			for (var i = 1; i <= pages; i++) {
				if (i == p) {
					out += "<span>" + String(i) + "</span>";
				} else {
					out += "<a onclick='move(" + i + ")'>" + String(i) + "</a>";				
				}
			}
			out += "</div>";
		} 
		return out;
	}
	
	function countElements(tagname, parameter, value) {
		var out = 0;
		var list = document.getElementsByTagName(tagname);
		for (var key in list) {
			if (list[key][parameter] == value) out++;
		}
		return out;
	}
	/*
	
	document.getElementById(containerId)
	
	
	var allTextHeight =  /**/