function setColumnHeights() {
	var s = getWindowSize();
	var h = s[1];
	var obj_ids = ["between_col1_and_col2", "between_col2_and_col3", "between_col3_and_col4"];
	for (var i=0;i<obj_ids.length;i++) {
		var obj = document.getElementById(obj_ids[i]);
		if (typeof(obj)!="undefined") {
			obj.style.height = h-76+"px";
			//obj.style.border = "1px solid black";
		}
	}
}



function getWindowSize() {
	//return size of doc as array [w,h]
	if (document.documentElement && document.documentElement.clientHeight) {
			var h = document.documentElement.clientHeight;
			var w = document.documentElement.clientWidth; 
		} else if (document.body) {
			var h = document.body.clientHeight
			var w = document.body.clientWidth;
	}
	return [w,h];
}




function showSubNavPage(n) {
	var obj_pag = document.getElementById("subnav_pagination");//div with page nrs 
	//
	var objs = subnav_objects_pagenrs;//per object: idx, pagenr
	var pages = 1+objs[objs.length-1];//nr of pages
	if (objs.length==0 || pages==1) {//hide pagination if not necessary
		obj_pag.style.display = "none";
		return;
	} else {
		if (pages-1<n) n = pages-1;
		//show objects for page, hide others
		for (var i=0;i<objs.length;i++) {
			var obj = document.getElementById("subnav_obj"+i);
			if (typeof(obj)!="undefined") {
				obj.style.display = objs[i]==n?"block":"none";
			}
		}
		//build pagination
		var aPagParts = [];
		for (var i=0;i<pages;i++) {
			if (i!=n) aPagParts.push("<a href='javascript:showSubNavPage("+i+");'>"+(i+1)+"</a>");
			else aPagParts.push("<span class='link_selected'>"+(i+1)+"</span>");
		}
		obj_pag.innerHTML = aPagParts.join("&nbsp;&nbsp;");
		obj_pag.style.display = "block";
	}
}


function setContentCol4(str) {
	var obj = document.getElementById("col4");
	if (typeof(obj)!="undefined") {
		obj.innerHTML = str;
	}
}



window.onresize = setColumnHeights;
window.onload = setColumnHeights;



	var subnav_objects_pagenrs = [0]
	showSubNavPage(0);


	var images = [];
	images[0] = new Image();
images[0].src = 'cms/../content/imgs_cache/site._DSC2571_1(2).jpg';
images[0].alt = 'Within Your Worlds - Vein of Venus, 2008';
images[1] = new Image();
images[1].src = 'cms/../content/imgs_cache/site.DSCN4060.jpg';
images[1].alt = 'Within Your Worlds - Vein of Venus';
images[2] = new Image();
images[2].src = 'cms/../content/imgs_cache/site.9copy.jpg';
images[2].alt = 'Within Your Worlds - \'Tentacle Thought nr. 3\', 2006-8';
images[3] = new Image();
images[3].src = 'cms/../content/imgs_cache/site.10(1).jpg';
images[3].alt = 'Within Your Worlds - (untitled)';
images[4] = new Image();
images[4].src = 'cms/../content/imgs_cache/site.15.jpg';
images[4].alt = 'Within Your Worlds';
images[5] = new Image();
images[5].src = 'cms/../content/imgs_cache/site.16copy.jpg';
images[5].alt = 'Within Your Worlds - \'A BLACK DARK RIDGE FOUND UNDER A BASEBOARD, STUFFED WITH THE ABSORBED COLOURS, WHICH MADE THE RIDGE TURN BACK IN THE FIRST PLACE\', 2005 -8';
images[6] = new Image();
images[6].src = 'cms/../content/imgs_cache/site.4_copy.jpg';
images[6].alt = 'Within Your Worlds - \'popP\', 2008';
images[7] = new Image();
images[7].src = 'cms/../content/imgs_cache/site.DSCN4064.jpg';
images[7].alt = 'Within Your Worlds - \'TRY TO REALISE THE INCEPTION OF TOMORROW\'S NEW AND MINT CONDITION\', 2008';
images[8] = new Image();
images[8].src = 'cms/../content/imgs_cache/site.20.jpg';
images[8].alt = 'Within Your Worlds - \'TRY TO REALISE THE INCEPTION OF TOMORROW\'S NEW AND MINT CONDITION\', 2008';
images[9] = new Image();
images[9].src = 'cms/../content/imgs_cache/site.19.jpg';
images[9].alt = 'Within Your Worlds - \'TRY TO REALISE THE INCEPTION OF TOMORROW\'S NEW AND MINT CONDITION\', 2008';
images[10] = new Image();
images[10].src = 'cms/../content/imgs_cache/site.5copy.jpg';
images[10].alt = 'Within Your Worlds - \'EVEN A SINGLE SPARK OF THOUGHT CAN TURN INTO A LIFETIME MEMORY\', 2009';
images[11] = new Image();
images[11].src = 'cms/../content/imgs_cache/site.5copy_lowres(1).jpg';
images[11].alt = 'Within Your Worlds - \'EVEN A SINGLE SPARK OF THOUGHT CAN TURN INTO A LIFETIME MEMORY\', 2009';
images[12] = new Image();
images[12].src = 'cms/../content/imgs_cache/site.11(1).jpg';
images[12].alt = 'Within Your Worlds';
images[13] = new Image();
images[13].src = 'cms/../content/imgs_cache/site.31copy.jpg';
images[13].alt = 'Within Your Worlds - \'I AM JUST AN IDEA BETWEEN THE TAPE AND THE WALL\'';
images[14] = new Image();
images[14].src = 'cms/../content/imgs_cache/site.17copy.jpg';
images[14].alt = 'Within Your Worlds - \'I AM JUST AN IDEA BETWEEN THE TAPE AND THE WALL\'';
images[15] = new Image();
images[15].src = 'cms/../content/imgs_cache/site.6copy.jpg';
images[15].alt = 'Within Your Worlds - \'INNERUPTURE\'';

	var titles = ['Vein of Venus, 2008','Vein of Venus','\'Tentacle Thought nr. 3\', 2006-8','(untitled)','','\'A BLACK DARK RIDGE FOUND UNDER A BASEBOARD, STUFFED WITH THE ABSORBED COLOURS, WHICH MADE THE RIDGE TURN BACK IN THE FIRST PLACE\', 2005 -8','\'popP\', 2008','\'TRY TO REALISE THE INCEPTION OF TOMORROW\'S NEW AND MINT CONDITION\', 2008','\'TRY TO REALISE THE INCEPTION OF TOMORROW\'S NEW AND MINT CONDITION\', 2008','\'TRY TO REALISE THE INCEPTION OF TOMORROW\'S NEW AND MINT CONDITION\', 2008','\'EVEN A SINGLE SPARK OF THOUGHT CAN TURN INTO A LIFETIME MEMORY\', 2009','\'EVEN A SINGLE SPARK OF THOUGHT CAN TURN INTO A LIFETIME MEMORY\', 2009','','\'I AM JUST AN IDEA BETWEEN THE TAPE AND THE WALL\'','\'I AM JUST AN IDEA BETWEEN THE TAPE AND THE WALL\'','\'INNERUPTURE\''];
	var descriptions = ['ice Cream, freezer, projector, dimensions variable','installation view, Martin van Zomeren, 2009','light box container, light tubes, cables, montage set, dimensions variable','','installation view, Martin van Zomeren, 2009','installation view, Martin van Zomeren, 2009','popcorn seeds, nails, wooden frame, 40 x 30 x 6 cm','Installation view, Martin van Zomeren, 2009','(detail)','(detail)','stainless steel letter stamps pressed into the wall, 22 cm x 5 mm','stainless steel letter stamps pressed into the wall, 22 cm x 5 mm','','tape, 4.1 X 22 cm','tape, 4.1 X 22 cm','Installation view, Martin van Zomeren, 2009'];
	var maxitems = 25;
	
	function showPage(pagenr) {
		var obj = document.getElementById("contenttotal");
		var sFunctions = "";
		var menu = "";
		if (pagenr==0 || images.length==0) {//show description
			obj.innerHTML = description;
			//build functions html for col4
			showFunctions("descr");
			
		} else {//show imagenr n-1
			//build functions html for col4
			showFunctions("imgs");
			//build image-menu
			var n = pagenr-1;
			if (images.length>1) {
				menu = "<div id='contentnavdiv' name='contentnavdiv'>";
				menu += "Selected Works ";
				//add arrows:
				var prv = 1+(n-1+images.length)%images.length;
				var nxt = 1+(n+1)%images.length;
				//menu += "<img src='imgs/arrow_left.gif' onclick='showPage("+prv+");' class='arrow' />";
				//menu += "<img src='imgs/arrow_right.gif' onclick='showPage("+nxt+");' class='arrow' />&nbsp;";
				//
				if (images.length>maxitems) {
					var nleft = n-Math.floor((maxitems-1)/2);
					if (nleft+maxitems>images.length-1) nleft = images.length-1-maxitems;
					if (nleft<0) nleft = 0;
					else if (nleft>0) menu += "<a href='javascript:showPage(1);' class='options'><<</a> ";
					nright = Math.min(nleft+maxitems+1, images.length);
				} else {
					nleft = 0;
					nright = images.length;
				}
				//add numbers
				for (var i=nleft;i<nright;i++) {
					if (i!=n) {
						menu += "<a href='javascript:showPage("+(i+1)+");' class='col3_pag'>"+(i+1)+"</a> ";
					} else menu += "<span class='col3_pag_selected'>"+(i+1)+"</span> ";
				}
				if (nleft+maxitems<images.length-1) menu += "<a href='javascript:showPage("+(images.length-1)+");' class='options'>>></a> ";
				menu += "</div>";//end of pagination div
			}
			if (images.length>1) {//single image: no interactivity
				var img_html = "<div id='contentimgdiv' name='contentimgdiv'><img src='"+images[n].src+"' title='"+images[n].alt+"' onclick='showPage("+nxt+");' class='main_img' style='"+images[n]._style+"' /></div>";
			} else {//multiple images: click to show next
				var img_html = "<div id='contentimgdiv' name='contentimgdiv'><img src='"+images[n].src+"' title='"+images[n].alt+"' class='main_img_single' style='"+images[n]._style+"' /></div>";			
			}
			if (true && (titles[n]!="" || descriptions[n]!="")) {
				var title_html = "<div id='contenttitle' name='contenttitle'><span class='img_title'>"+titles[n]+"</span><br /><span class='img_description'>"+descriptions[n]+"</span></div>";
			} else {
				var title_html = "";
			}
			//
			var total  = menu + title_html + img_html;
			obj.innerHTML = total;
		}
		
		obj.style.display = "block";
	}	
	
	
	function showFunctions(tp) {
		if (tp=="descr") var sFunctions = "<a href='javascript:showPage(1);' class='col4_link'>back to images</a>";
		else var sFunctions = "";
		//tell topframe to show correct content
		if (typeof(window.top.setContentCol4)!="undefined") {
			window.top.setContentCol4(sFunctions);
		}
	}
	
	
	var description = document.getElementById("descr").innerHTML;

	window.onload = function() {
		showPage(1);
	}
	
	
