﻿function ShowTip(fw,fh,name,ifs,url,title,desc){
	if(!desc) desc = '';	
	if (window.innerHeight && window.scrollMaxY) {// Firefox
		yWithScroll = window.innerHeight + window.scrollMaxY;
		xWithScroll = window.innerWidth + window.scrollMaxX;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		yWithScroll = document.body.scrollHeight;
		xWithScroll = document.body.scrollWidth;
	} else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari
		yWithScroll = document.body.offsetHeight;
		xWithScroll = document.body.offsetWidth;
  	}
	
	var layer = document.getElementById(name);
	var image = document.getElementById('image');
	var frame = document.getElementById('iframe');
	layer.style.display = 'block';
	if(ifs==true) {
		image.style.display = 'block';
		frame.style.display = 'none';
		yWithoutScroll = 768;
	}
	else {
		frame.style.display = 'block';
		image.style.display = 'none';
		frame.src = url;
		// breedtes aanpassen
		if(fw>1000) { 
			frame.width=1000;
			frame.height=500;
			fw = 1000;
			fh = 500;
		}
		else { 
			frame.width=fw; 
			frame.height=fh;
		}
		ml = -1 * (fw/2 + 8);
		mt = -1 * (fh/2 + 60);
		w = fw + 8;
		h = fh + 60;
		
		var imagediv = document.getElementById("imagediv");
		imagediv.style.marginLeft = ml + 'px';
		imagediv.style.marginTop = mt + 'px';
		imagediv.style.height = h + 'px';
		imagediv.style.width = w + 'px';
		document.getElementById('overlay').style.height = yWithScroll + 'px';
	}
	document.getElementsByTagName('body')[0].scrollHeight;	
	document.getElementById('overlay').style.display = 'block'; // viewport minus height, divide by 2
	if(document.getElementById('tit')) document.getElementById('tit').innerHTML = title;
	if(tit) tit.innerHTML = title;
	if(document.getElementById('desc')) document.getElementById('desc').innerHTML = desc;
	if(desc) desc.innerHTML = desc;
}
function HideTip(name){
	document.getElementById(name).style.display = 'none'; // viewport minus height, divide by 2
	document.getElementById('overlay').style.display = 'none'; // viewport minus height, divide by 2
}
function Changetip(url){
	var ml;var mt;var vh;var nh;var h;var w;
	if (window.innerHeight && window.scrollMaxY) {// Firefox
		yWithScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		yWithScroll = document.body.scrollHeight;
	} else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari
		yWithScroll = document.body.offsetHeight;
  	}	
	document.image.src=url;	
	xx=new Image;
	xx.src=url;
	iw=xx.width;
	ih=xx.height;
	yWithoutScroll = 768;
	// verhouding height : width
	vh = ih/iw;
	if(iw>1000) { 
		document.image.width=1000;
		nh = vh*1000;
		document.image.height=nh;
		iw = 1000;
		ih = nh;
	}
	else { 
		document.image.width=iw; 
		document.image.height=ih;
	}
	ml = -1 * (iw/2 + 8);
	mt = -1 * (ih/2 + 60);
	w = iw + 8;
	h = ih + 60;
	document.getElementById('overlay').style.height = yWithScroll + 'px';	
	var imagediv = document.getElementById("imagediv");
	imagediv.style.marginLeft = ml + 'px';
	imagediv.style.marginTop = mt + 'px';
	imagediv.style.height = h + 'px';
	imagediv.style.width = w + 'px';
}
