//------------------------------------------------------------------------------------------------
// Javascript voor indexpagina's reisfoto's
// Javascript : cop. Reinier van der Neut, 2007
//------------------------------------------------------------------------------------------------

// Instellen diverse afmetingen van scherm, afhankelijk van schermbreedte
// Eigenschap "innerWidth" (in IE: "offsetWidth") geeft vensterbreedte incl. evt. scrollbar
// De landkaartjes worden niet geschaald omdat anders de brush-spetters niet meer goed uitkomen
// Landkaartje mag max. 140px breed zijn, breedte van die kolom staat in CSS op 148 px (met padding-rechts 8px)
// Landkaartje mag max. 190px hoog zijn
// Foto moet 300px breed en 200px hoog zijn
// De tabel heeft een vaste breedte van 926px (in CSS) - voldoende voor scherm van 1024px breed
function resizeIndex(idpag) {
	var marginL;
	var docwidth = window.innerWidth;
	if (docwidth == null) {docwidth = document.body.offsetWidth};
	var pag = document.getElementById(idpag);
	marginL = Math.floor (docwidth - 16 - 776) / 2;
	if (idpag=='reisindex') {marginL = Math.floor (docwidth - 16 - 926) / 2};
	if (marginL < 0) {marginL = 0};
	pag.style.marginLeft = marginL;
}

// Zichtbaar maken info-item id, bijv. id = 'info02'
// Eerst worden alle info-items (genummerd 1 t/m tal) verborgen en bijbehorende diashows gestopt
function dispInfo(id,tal) {
	var item
	for (var i=1; i<=tal; i++) {
		var nr = '0' + i;
		nr = nr.substr(nr.length-2);
		item = document.getElementById('info' + nr);
		item.style.display = 'none';
		setTimeout('Show' + nr + '.stop()', 0);
	}
	item = document.getElementById(id);
	item.style.display = 'block';
	setTimeout('Show' + id.charAt(id.length-2) + id.charAt(id.length-1) + '.play()', 3000);
}

// Verbergen item id
function hideItem(id) {
	var item = document.getElementById(id);
	item.style.display = 'none';
}

// Opent een nieuw venster op basis van aangegeven document
var ExtraWindow;
function openWindow(pag) {
	var docwidth = window.innerWidth;
	if (docwidth == null) {docwidth = document.body.offsetWidth};
	var attr = '';
	if (docwidth > 925) {attr = 'width=900, '};
	attr = attr + 'scrollbars=1, toolbar=0, location=0, menubar=0, status=1, resizable=1';
	ExtraWindow = window.open(pag + '.html','indexextra',attr);
	ExtraWindow.focus();
}

// Sluiten van het extra window
function closeRelatedWindows() {
	if (ExtraWindow != null) ExtraWindow.close();
}

// Opent site/index.html in nieuw venster met naam 'site'
function openSite(site) {
	var siteWindow;
	var pagina = '';
	if (window.location.href.indexOf('http') < 0) {pagina = pagina + '/index.html'};
	siteWindow = window.open(site + pagina, site);
	siteWindow.focus();
}