var imgSrc;
var myWidth = 0, myHeight = 0;
var picLoaded;

function insertImg(img) {
	initSize();
	var maxB;
	var maxH;
	var h;
	var b;
	var factor;
	var pDiv = document.createElement('div');
	var tDiv = document.createElement('div');
	maxB =myWidth-200;
	maxH=myHeight-100;
	tDiv.innerHTML = getElement('tekstDiv').innerHTML;
	h = img.getAttribute('height');
	b = img.getAttribute('width');
	if (h>b) {
		//portrait
		//eerst hoogte passend maken
		factor = maxH/h;
		if (factor<1) {
			h *= factor;
			b *= factor;
		}
		//nu breedte passend maken
		factor = maxB/b;
		if (factor<1) {
			h *= factor;
			b *= factor;
		}
		landscape=false;
	} else {
		//eerst breedte passend maken
		factor = maxB/b;
		if (factor<1) {
			h *= factor;
			b *= factor;
		}
		//nu hoogte passend maken
		factor = maxH/h;
		if (factor<1) {
			h *= factor;
			b *= factor;
		}
		landscape=true;
	}

	img.setAttribute('height', h);
	img.setAttribute('width', b);
	pDiv.appendChild(img);
	getElement('picTd').innerHTML='';
	if (landscape) {
		getElement('picTd').appendChild(pDiv);
		getElement('picTd').appendChild(tDiv);
		picLoaded = true;
	} else {
		getElement('picTd').innerHTML='<table cellspacing=0 cellpadding=0><tr><td id=tdl></td><td id=tdr valign=top></td></tr></table>';
		getElement('tdl').appendChild(pDiv);
		getElement('tdr').appendChild(tDiv);
		picLoaded = true;
	}

}


function initialize() {
	var img = document.createElement('img');
	img.setAttribute('src', imgSrc);
	//img.onload =  function() {insertImg(img)};

	//iets opvragen om het laden te starten
	img.getAttribute('height');
	var timer;
	timer = 	setTimeout('dblCheck();', 1000);

}


function dblCheck() {
	//soms wordt de afbeelding niet in één keer geladen
	//dan nog maar een keer proberen.
	if (picLoaded) return;
	//nog een keer proberen
	getElement('picTd').innerHTML+='.';
	var img = document.createElement('img');
	img.setAttribute('src', imgSrc);
	getElement('picTd').innerHTML+='.'+img.getAttribute('height');
	insertImg(img);
	var timer;
	timer = 	setTimeout('dblCheck();', 1000);
}


function initSize() {

	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement &&
	( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}

}