// kolombreedtes
var frac_c1x = 0.424366312;
var frac_c2x = 0.413736713;
var frac_c3x = 0.161896975;

// rijhoogtes
var frac_r1y = 0.061479869;
var frac_r2y = 0.061479869;
var frac_r3y = 0.565832427;
var frac_r4y = 0.125136017;
var frac_r5y = 0.125136017;
var frac_r6y = 0.0609358;

var gie = 0;

// gewenste hoogte breedte verhouding
var aspr_dx = 1223;
var aspr_dy = 919;

id = function(o)
{
	return(document.getElementById(o));
};

function
mkpx(x)
{
	return(x+'px');
}

function
setsize(s,dx,dy)
{
	var e = id(s);
	if(e) {
		e.style.width = mkpx(dx);
		e.style.height = mkpx(dy);
	}
}

function
setoffset(s,ox,oy)
{
	var e = id(s);
	if(e) {
		e.style.left = mkpx(ox);
		e.style.top = mkpx(oy);
	}
}

function
set_style_by_id(s,name,value)
{
	var e = id(s);
	if(e) {
		e.style[name] = value;
	}
}

function
set_font_size(s,value)
{
	set_style_by_id(s,"fontSize",value+"pt");
}

function
init()
{
	var cx = document.documentElement.clientWidth;
	var cy = document.documentElement.clientHeight;
	
	// uit CSS Browser Selector   v0.2.5;
	// http://rafael.adm.br/css_browser_selector
	var ua=navigator.userAgent.toLowerCase(),
		is=function(t){ return ua.indexOf(t) != -1; },
		bname=(!(/opera|webtv/i.test(ua))&&/msie (\d)/.test(ua))?('ie ie'+RegExp.$1):is('gecko/')? 'gecko':is('opera/9')?'opera opera9':/opera (\d)/.test(ua)?'opera opera'+RegExp.$1:is('konqueror')?'konqueror':is('applewebkit/')?'webkit safari':is('mozilla/')?'gecko':'';

	var safari = (bname == "webkit safari");
	var ie6 = (bname == "ie ie6");
	var ie7 = (bname == "ie ie7");
	
	if(ie6) {
		cy -= 20;
		gie = 1;
	}
	if(ie7) {
		cy -= 20;
		gie = 1;
	}
	if(safari) {
		cy -= 20;
		if(cx * aspr_dy > cy * aspr_dx) {
			cx -= 50;
		}
	}
	
	var tcx = cx;
	var tcy = cy;
	if(tcx > 1024) tcx = 1024;
	if(tcy > 768) tcy = 768;
	
	var acx = tcx * aspr_dy;
	var acy = tcy * aspr_dx;
	
	
	if(acx < acy) {
		acy = acx;
	} else {
		acx = acy;
	}
	
	acx /= aspr_dy;
	acy /= aspr_dx;
	
	// acx,acx zijn nu de afmetingen in pixels van de grootste nog passende rechthoek
	
	var c1x = Math.round(acx * frac_c1x);
	var c2x = Math.round(acx * frac_c2x);
	var c3x = Math.round(acx * frac_c3x);
	
	var r1y = Math.round(acy * frac_r1y);
	var r2y = Math.round(acy * frac_r2y);
	var r3y = Math.round(acy * frac_r3y);
	var r4y = Math.round(acy * frac_r4y);
	var r5y = Math.round(acy * frac_r4y);
	var r6y = Math.round(acy * frac_r6y);
	
	var tx = Math.round((cx - acx)/2);
	var ty = Math.round((cy - acy)/2);
	
	setsize("home",c1x,r1y+r2y);
	setsize("opdr",c2x,r1y+r2y);
	setsize("samen",c3x,r1y);
	setsize("vrij",c3x,r2y);
	setsize("pic",c1x,r3y);
	setsize("menu",c2x+c3x,r3y);
	setsize("logo1",c1x,r4y);
	
	setsize("aa",c1x,r3y-40);
	
	setsize("info",c2x,r2y);
	
	setsize("logo2",c2x+c3x,r4y);
	setsize("logo3",c1x+c2x+c3x,r5y);
	
	setsize("logo1a",c1x,r4y+r5y);
	setsize("logo2a",c2x+c3x,r4y+r5y);
	
	setsize("fon",c1x+c2x+c3x,r6y);
	setoffset("md",tx,ty);
	
	g_pcx = c1x;
	g_pcy = r3y;
	if(g_pcx < g_pcy) {
		g_pcy = g_pcx;
	} else {
		g_pcx = g_pcy;
	}
	
	g_pcx += 2;
	g_pcy += 2;
	
	g_l1cx = c1x;
	g_l1cy = r4y;
	
	g_l1acx = c1x;
	g_l1acy = r4y+r5y;
	g_l2acx = c2x+c3x;
	g_l2acy = r4y+r5y;
	
	curix = 12;
	setimg(curidx);
	setl1();
	setl1a();
	setl2a();
	
	var pox = 0;
	var poy = r1y+r2y+r3y - 25;
	var pox0 = pox;
	var pox1 = pox + c1x;
	
	var poxlb = pox1 - 78;
	var poxrb = pox1 - 38;
	var poxllb = pox0 + 8;
	
	if(ie6 || ie7 || safari) {
		poy += 6;
	}
	if(safari) {
		poxllb -= 2;
		poxlb += 2;
		poxrb += 2;
	}
	
	setoffset("lb",poxlb,poy);
	setoffset("rb",poxrb,poy);
	setoffset("llb",poxllb,poy);
	
	var refcy = 640;
	var frac = acy / refcy;
	
	set_font_size("menu",24 * frac);
	set_font_size("info",9 * frac);
	set_font_size("opdr",16 * frac);
	set_font_size("vrij",7 * frac);
	set_font_size("home",9 * frac);
	set_font_size("samen",7 * frac);
	set_font_size("fon",8 * frac);
	set_font_size("logo3",36 * frac);
}

var cats = {
	'mjo' : ['#dc82a7','journalistiek',[
			['051595-038.jpg',864,576],
			['061826-082a.jpg',864,576],
			['070544-147.jpg',864,576],
			['070544-293.jpg',864,576],
			['3589.jpg',864,576],
			['cnfp 071198-03.jpg',864,576],
			// ['cnfp-060470-051.jpg',864,576],
			['cnfp-061108-094.jpg',850,567],
			['cnfp-071001-18.jpg',576,864]
		]
	],
	'mpo' : ['#f28b1d','portretten',[
	
			['070328-06.jpg',864,576],
			['071651-14.jpg',850,567],
			['-09.jpg',875,585],
			['051467-13.jpg',864,576],
			['051579-034.jpg',864,576],
			['061106-10.jpg',864,576],
			['061191-61.jpg',576,864],
			['061228-02.jpg',864,576],
			['061656-11.jpg',576,864],
			['061725-04(soft).jpg',850,567],
			['061725-41.jpg',557,816],
			['061788-02.jpg',500,500],
			['061805-02.jpg',864,576],
			// ['061805-11.jpg',850,567],
			['070160-19.jpg',864,576],
			['070241-31.jpg',864,576],
			['070372-47.jpg',576,864],
			['070589-73.jpg',864,576],
			['070597-20.jpg',864,576],
			['070611-46.jpg',576,864],
			['070722-18.jpg',836,576],
			['0714.jpg',864,590],
			['11.jpg',864,576],
			['16.jpg',864,576],
			['220.jpg',864,576],
			['2640.jpg',850,570],
			['4681.jpg',850,366],
			['49.jpg',576,864],
			['cnfp 070518-17.jpg',576,864],
			['cnfp 070600-19.jpg',864,576],
			['cnfp 070614-44.jpg',576,864],
			['cnfp 070660-13.jpg',864,576],
			['cnfp 070725-04.jpg',864,576],
			['cnfp 070800-04.jpg',576,864],
			['cnfp 070949-23.jpg',864,576],
			// ['cnfp 070971-18.jpg',850,567],
			['cnfp 070974-09.jpg',552,850],
			['cnfp 071095-18.jpg',576,864],
			['cnfp 071190-23.jpg',576,864],
			['cnfp 071194-23.jpg',576,864],
			['cnfp 071197-31.jpg',864,576],
			['cnfp 071232-03.jpg',567,850],
			['cnfp 071239-31.jpg',567,850],
			['cnfp 071255-27.jpg',567,850],
			['cnfp-050538-02.jpg',569,850],
			['cnfp-051451-091.jpg',567,850],
			['cnfp-051451-113.jpg',850,567],
			['cnfp-060213-38a.jpg',864,576],
			['cnfp-060218-15a.jpg',576,864],
			['cnfp-060561-43.jpg',377,850],
			// ['cnfp-060561-48.jpg',354,850],
			['cnfp-061019-46.jpg',850,623],
			['cnfp-061110-12.jpg',576,864],
			['cnfp-061231-10.jpg',864,576],
			// ['cnfp-061231-12.jpg',576,864],
			['cnfp-061267-44.jpg',576,864],
			['cnfp-061298-14.jpg',850,567],
			['cnfp-061734-27.jpg',567,850],
			['cnfp-061865-12.jpg',567,850],
			['cnfp-070515-20.jpg',850,750],
			['cnfp-070579-07.jpg',850,696],
			['cnfp-070622-14.jpg',864,576],
			['cnfp-070729-10.jpg',576,864],
			['cnfp-070834-14a.jpg',864,576],
			['cnfp-070922-30.jpg',576,864],
			['cnfp-071041-28.jpg',864,576],
			['cnfp-071051-11a.jpg',864,576],
			['cnfp-071120-31.jpg',864,576],
			['cnfp-071212-06.jpg',567,850],
			['cnfp-071243-39.jpg',864,576]
		]
	],
	'mgr' : ['#ed028c','groepsfoto\'s',[
			['061633-16.jpg',864,576],
			['030.jpg',837,545],
			['051502-06.jpg',790,553],
			['051584-22.jpg',864,576],
			['060470-051.jpg',864,576],
			['061361-24.jpg',864,576],
			// ['061881-53a.jpg',576,864],
			['061881-83a.jpg',576,864],
			['065.jpg',576,864],
			['070964-01.jpg',864,576],
			['086.jpg',864,576],
			['099.jpg',864,576],
			['cnfp 070635-05.jpg',576,864],
			['cnfp 070781-03.jpg',864,576],
			['cnfp-060921-08a.jpg',638,752],
			['cnfp-060922-155.jpg',850,567],
			['cnfp-061883-41.jpg',567,850],
			['cnfp-070759-16.jpg',576,864],
			['cnfp-070969-009a.jpg',850,557],
			['cnfp-071099-07.jpg',864,576],
			['cnfp-071318-31.jpg',864,576]
		]
	],
	'mbe' : ['#e7d002','bedrijfsreportage',[
			['070556-131.jpg',850,567],
			['071607-007.jpg',851,567],
			['071607-042.jpg',851,567],
			['071607-101.jpg',851,567],
			['071607-105.jpg',851,567],
			['071607-111.jpg',851,567],
			['071607-133.jpg',851,567],
			['071607-166.jpg',851,567],
			['071607-171.jpg',851,567],
			['071607-179.jpg',851,567],
			['041176-003.jpg',850,843],
			['050006-18.jpg',850,568],
			['041176-023.jpg',850,569],
			['041176-041.jpg',850,569],
			['041176-043.jpg',850,569],
			['041176-047.jpg',848,567],
			['041176-070.jpg',850,569],
			['041176-125.jpg',850,569],
			['041176-154.jpg',850,569],
			['061687-029.jpg',850,567],
			['061687-162.jpg',850,567],
			['061687-221.jpg',850,567],
			['061687-257.jpg',850,567],
			['061687-263.jpg',850,567],
			['061826-169a.jpg',576,864],
			['061826-174a.jpg',576,864],
			['061826-196a.jpg',864,576],
			['070210-018.jpg',864,576],
			['070210-023.jpg',864,576],
			['070210-085a.jpg',850,567],
			['070210-122.jpg',864,576],
			['070210-145a.jpg',850,567],
			['070225-050.jpg',864,576],
			['070225-080.jpg',864,576],
			['070225-114.jpg',864,576],
			['070261-041a.jpg',864,576],
			['070261-063a.jpg',864,576],
			['070261-074a.jpg',864,576],
			['070261-079a.jpg',864,576],
			['070261-098a.jpg',864,576],
			['070261-108a.jpg',864,576],
			['070261-110a.jpg',864,576],
			['070261-113a.jpg',864,576],
			['070556-045.jpg',864,576],
			['070575-019.jpg',850,519],
			['070575-095.jpg',864,576],
			['cnfp-060804-065.jpg',850,567],
			['cnfp-060804-091.jpg',850,567],
			['cnfp-060804-092.jpg',850,567],
			['cnfp-060804-118.jpg',864,576],
			['cnfp-060804-119.jpg',576,864],
			['cnfp-060807-074.jpg',864,576],
			['cnfp-060807-081.jpg',576,864],
			['cnfp-060807-118.jpg',864,576],
			['cnfp-060922-003.jpg',850,567],
			['cnfp-061368-170.jpg',850,567],
			['cnfp-061391-035.jpg',850,567],
			['cnfp-070543-004.jpg',567,850],
			['cnfp-070544-095a.jpg',864,576],
			['cnfp-070556-105.jpg',850,567],
			['cnfp-raicollage.jpg',850,567]
		]
	],
	'mpr' : ['#b30437','producten',[
			['1417.jpg',850,632],
			['061844-0005.jpg',567,850],
			['071047-0062.jpg',850,567],
			['071047-0075.jpg',567,659],
			['071047-0103.jpg',850,567],
			['071047-0166.jpg',850,567],
			['071047-0195.jpg',850,567],
			['071136-0115.jpg',850,567],
			['cnfp 070673-07.jpg',556,850],
			['cnfp 070677-01.jpg',864,576],
			['cnfp-060881-0024.jpg',850,567],
			['cnfp-061130-148.jpg',850,567],
			['cnfp-061130-155.jpg',850,567],
			['cnfp-061130-157.jpg',850,567],
			['cnfp-061130-204.jpg',850,581],
			['cnfp-061581-091.jpg',850,567],
			['cnfp-061581-094.jpg',567,850],
			['cnfp-061581-242.jpg',850,567],
			['cnfp-061581-267.jpg',567,850],
			// ['cnfp-061640-07.jpg',576,864],
			['cnfp-061640-21.jpg',864,576],
			['cnfp-061667-029.jpg',850,567],
			['cnfp-061844-0150.jpg',567,850],
			['cnfp-070007-0119.jpg',567,850],
			['cnfp-070007-0146.jpg',567,850],
			['cnfp-071087-0200.jpg',567,850]
		]
	],
	'min' : ['#87cbe1','techniek,wetenschap,industrie fotografie',[
			['cnfp-070745-073a.jpg',576,864],
			['050594-48.jpg',578,864],
			['0601.jpg',864,590],
			['061826-098a.jpg',864,576],
			['071090-123.jpg',864,576],
			['071123-69a.jpg',576,864],
			['0811.jpg',567,850],
			['1483.jpg',850,584],
			['1499.jpg',850,661],
			['4689.jpg',567,862],
			['4768.jpg',850,587],
			['5580.jpg',567,850],
			['cnfp-060986-011.jpg',864,576],
			['cnfp-070186-27a.jpg',799,1198],
		]
	]
};

var hp = 1;
var curcat = 'mjo';
var curpath = cats[curcat][1];
var fotos = cats[curcat][2];
var curidx = 0;
var g_pcx = 0;
var g_pcy = 0;
var g_l1cx = 0;
var g_l1cy = 0;
var g_l1acx = 0;
var g_l1acy = 0;
var g_l2acx = 0;
var g_l2acy = 0;

function
maakpadV(idx)
{
	var foto = "fotos/"+curpath+"/v" + fotos[idx][0] + ""; 
	return(foto);
}

function
maakpad(idx)
{
	var foto = "fotos/"+curpath+"/" + fotos[idx][0] + ""; 
	return(foto);
}

function
startfoto()
{
	if(gpv == 'mensen') {
		var path = 'techniek,wetenschap,industrie fotografie';
		var filename = '5580.jpg';
		var foto = "fotos/"+path+"/v" + filename;
		return(foto);
	}
	if(gpv == 'contact') {
		var path = 'producten';
		var filename = 'cnfp-061581-267.jpg';
		var foto = "fotos/"+path+"/v" + filename;
		return(foto);
	}
	if(gpv == 'over') {
		var path = 'portretten';
		var filename = '061805-02.jpg';
		var foto = "fotos/"+path+"/v" + filename;
		return(foto);
	}
	
	var path = "producten";
	var filename = "cnfp-061130-204.jpg";
	var foto = "fotos/"+path+"/v" + filename;
	return(foto);
}

function
setimg(idx)
{
	var pe = id("pic");
	var e = id("ipic");
	
	if(e && pe) {
		var padnaam = maakpadV(idx);
		if(hp) {
			padnaam = startfoto();
		}
		e.style.width = g_pcx+"px";
		e.style.height = g_pcy+"px";
		e.src = padnaam;
	}
}

function
setl1()
{
	var e = id("ilogo1");
	if(e) {
		e.style.width = g_l1cx+"px";
		e.style.height = g_l1cy+"px";
	}
}

function
setl1a()
{
	var e = id("ilogo1a");
	if(e) {
		e.style.width = g_l1acx+"px";
		e.style.height = g_l1acy+"px";
	}
}

function
setl2a()
{
	var e = id("ilogo2a");
	if(e) {
		e.style.width = g_l2acx+"px";
		e.style.height = g_l2acy+"px";
	}
}

function
preload(idx)
{
	var padnaam = maakpadV(idx);
	var img = new Image();
	img.src = padnaam;
}

function
nextidx(idx)
{
	var ni = fotos.length;
	var newidx = idx + 1;
	if(newidx >= ni) newidx = 0;
	return(newidx);
}

function
previdx(idx)
{
	var ni = fotos.length;
	var newidx = idx - 1;
	if(newidx < 0) newidx = ni-1;
	return(newidx);
}

function
preload_next()
{
	preload(nextidx(curidx));
}

function
preload_prev()
{
	preload(previdx(curidx));
}

function
next()
{
	curidx = nextidx(curidx);
	setimg(curidx);
	setTimeout("preload_next();",100);
}
	
function
prev()
{
	curidx = previdx(curidx);
	setimg(curidx);
	setTimeout("preload_prev();",100);
}

var tmp_e;
var tmp_img;
var tmp_filename;
var tmp_count;

function
setpic()
{
	tmp_e.src = tmp_filename;
	
	var e1 = document.getElementById('dgf');
	var e2 = document.getElementById('md');
	var e3 = document.getElementById('fs');
	
	if(e2) e2.style.display = 'none';
	if(e1) e1.style.display = 'block';
	if(e3) e3.className = 'zwart';
}

function
waitpic()
{
	tmp_count += 1;
	
	if(tmp_count > 100 || tmp_img.complete) {
		setpic();
	} else {
		setTimeout("waitpic()",50);
	}
}

function
showcur()
{
	var e3 = document.getElementById('gf');
	if(e3) {
		var padnaam = maakpad(curidx);
		tmp_img = new Image();
		tmp_img.src = padnaam;
		tmp_filename = padnaam;
		tmp_e = e3;
		tmp_count = 0;
		setTimeout("waitpic()",50);
	}
}

function
hidecur()
{
	var e1 = document.getElementById('dgf');
	var e2 = document.getElementById('md');
	var e3 = document.getElementById('fs');
	
	if(e2) e2.style.display = 'block';
	if(e1) e1.style.display = 'none';
	if(e3) e3.className = 'wit';
}

function 
hide_row(s)
{
	var e = id(s);
	if(e) {
		e.style.display = 'none';
	}
}

function 
show_row(s)
{
	var e = id(s);
	if(e) {
		if(gie) {
			e.style.display = 'block'
		} else {
			e.style.display = 'table-row';
		}
	}
}

function 
show_elt(s)
{
	var e = id(s);
	if(e) {
		e.style.display = 'block';
	}
}

function
setcat(e)
{
	var idname = e.id;
	
	if(!hp) {
		if(curcat == idname) return;
	}
	
	if(curcat) {
		id('s'+curcat).className = "normal";
	}
	
	var color = cats[idname][0];
	var pathname = cats[idname][0];
	
	id('s'+idname).className = "active";
	
	set_style_by_id('logo3',"backgroundColor",color);
	
	if(hp) {
		hide_row("r4a");
		show_row("r4");
		show_row("r5");
		show_elt("rb");
		show_elt("lb");
		show_elt("llb");
		show_elt("aa");
		hp = 0;
	}
	
	curcat = idname;
	curpath = cats[curcat][1];
	fotos = cats[curcat][2];
	curidx = 0;
	setimg(curidx);
}

function
popfnet()
{
	newwin = window.open('fotonet.htm','blank','height=420,width=800,resizable=no,toolbar=no,directories=no,menubar=no,status=no'); 
};

onresize = init;
onload = init;