
    var agt=navigator.userAgent.toLowerCase();
    var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
    var is_win    = ((agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) );
    var is_mac    = (agt.indexOf("mac")!=-1);
    var is_opera  = (agt.indexOf("opera") != -1);
    var is_konq   = (agt.indexOf("konquer") != -1);

    if (is_ie) {
      var oHEAD=document.getElementsByTagName('HEAD').item(0);
      var nLink=document.createElement('LINK');
      nLink.rel="stylesheet";
      nLink.type="text/css";

      if (is_win) {
       var nCss2Style=document.getElementsByTagName('STYLE').item(1);
       nLink.href="lib/layout_ie_pc.css";
       oHEAD.replaceChild(nLink,nCss2Style);
      } else if (is_mac) {
       nLink.href="lib/layout_ie_mac.css";
       document.styleSheets[1].disabled = true;
       document.write('<link rel="'+nLink.rel+'" type="'+nLink.type+'" href="'+nLink.href+'" />');

       window.onresize = setHeight;
      }
    }

    function setHeight ()
    {
    	var mainheight = parseInt(getComputedStyleForId ('main', 'height').slice(0,-2));
        mainDiv = document.getElementById('main');
        mainDiv.style.top = ((parseInt(document.body.clientHeight) - mainheight) / 2) + "px";
        mainDiv.style.visibility = "visible";
    }

//SCRIPT VOOR HET OPENEN VAN NIEUW VENSTER MET EEN FOTO				
				function imgopen(imageName,imageWidth,imageHeight,alt) { 

						var adj=10
						var w = screen.width;
						var h = screen.height;
						var byFactor=1;
						var bgcolor="#fff9f0";
						var hugger= "hug image";
						var hugMargin = 0;
					
						if(w<740){
								var lift=0.90;
						}
						if(w>=740 & w<835){
								var lift=0.91;
						}
						if(w>=835){
								var lift=0.93;
						}
						if (imageWidth>w){	
								byFactor = w / imageWidth;			
								imageWidth = w;
								imageHeight = imageHeight * byFactor;
						}
						if (imageHeight>h-adj){
								byFactor = h / imageHeight;
								imageWidth = (imageWidth * byFactor);
								imageHeight = h; 
						}
									
						var scrWidth = w-adj;
						var scrHeight = (h*lift)-adj;
					
						if (imageHeight>scrHeight){
										imageHeight=imageHeight*lift;
								imageWidth=imageWidth*lift;
						}
					
						var posLeft=0;
						var posTop=0;
					
						if (hugger == "hug image"){
								if (hugMargin == ""){
										hugMargin = 0;
								}
								var scrHeightTemp = imageHeight - 0 + 2*hugMargin;
								if (scrHeightTemp < scrHeight) {
							scrHeight = scrHeightTemp;
								} 
								var scrWidthTemp = imageWidth - 0 + 2*hugMargin;
								if (scrWidthTemp < scrWidth) {
							scrWidth = scrWidthTemp;
								}
								
								if (scrHeight<100){scrHeight=100;}
								if (scrWidth<100){scrWidth=100;}
					
								posTop =  ((h-(scrHeight/lift)-adj)/2);
								posLeft = ((w-(scrWidth)-adj)/2);
							}
					
						if (imageHeight > (h*lift)-adj || imageWidth > w-adj){
							imageHeight=imageHeight-adj;
							imageWidth=imageWidth-adj;
						}
						posTop = parseInt(posTop);
						posLeft = parseInt(posLeft);		
						scrWidth = parseInt(scrWidth); 
						scrHeight = parseInt(scrHeight);
						
						var agt=navigator.userAgent.toLowerCase();
						if (agt.indexOf("opera") != -1){
								var args= new Array();
								args[0]='parent';
								args[1]=imageName;
								var i ; document.MM_returnValue = false;
								for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
						} else {
						newWindow = window.open("popup.html","newWindow","width="+scrWidth+",height="+scrHeight+",left="+posLeft+",top="+posTop);
						newWindow.document.open();
						newWindow.document.write('<html><title>'+alt+'</title><link href="layout/popup.css" rel="stylesheet" type="text/css"><body onBlur="self.close()" onClick="self.close()">');  
						newWindow.document.write('<img src="'+imageName+'" alt="venster sluit bij muisklik" >'); 
						newWindow.document.write('</body></html>');
						newWindow.document.close();
						newWindow.focus();
						}
						}
   
		
var win = null;

  winW = 780;
	winH = 420;
	screenwidth = screen.availWidth;
	screenheight = screen.availHeight;
	winl = (screenwidth - winW) / 2 ;
	wint = (screenheight - winH) / 2;

function openWindow(theUrl)
	{
  	if(win && !win.closed)
  		{
		win.location.href=theUrl;
		win.focus();
		}
	else
		{
		winoptions = "height="+winH+",width="+winW+",top="+wint+",left="+winl+",menubar=no,resizable=yes,scrollbars=no,status=no,titlebar=no,toolbar=no";
		win=window.open(theUrl,"",winoptions);
		win.focus();
		}
	}


function setNav(){
	if(document.getElementsByTagName){
		navsrc = document.getElementsByTagName("body");
		var active_menu_item = "n" + navsrc[0].getAttribute('id');
		if(document.getElementById(active_menu_item)){
			document.getElementById(active_menu_item).className = 'activated';
		}
		if (document.getElementById("subnavigatie")) {
			subnavsrc = document.getElementsByTagName("h1");
			var active_menu_item = "sub-" + subnavsrc[0].getAttribute('id');
			if(document.getElementById(active_menu_item)){
				document.getElementById(active_menu_item).className = 'activated';
			}
		}
	}
}
				
	//---------------------------------------------------------
var ntPics=4;
var pArr1 = new Array(ntPics);
//---------------------------------------------------------
for(var i=0;i<ntPics;i++){
	pArr1[i]='/images/tpic'+i+'.jpg';
}
//---------------------------------------------------------
function r(max){
	var num = 0;
	while (num == 0 || num > max || isNaN(num)){
		num = parseInt(Math.random()*max)
	}
	return num;
}
//---------------------------------------------------------
var x;
function fill(htmlStr1,id){
	if (document.getElementById){
		x = document.getElementById(id);
		x.innerHTML = htmlStr1;
	}
	else if (document.all){
		x = document.all[id];
		x.innerHTML = htmlStr1;
	}
}
//---------------------------------------------------------
function rpics(){
	var i1 = r(ntPics);
	var str1= "";
	str1 = "<img src='"+pArr1[i1]+"' width='262px' height='325px' alt='' />";
	fill(str1,'fotobar');
}
	
	function doInit () {
	  if (is_ie && is_mac) { setHeight(); }
	  setNav();
	}
	
	window.onload = doInit;
	
	

function getComputedStyleForElement (element, cssPropertyName) {
   if (element) {
     if (window.getComputedStyle) {
       return window.getComputedStyle(element, '').getPropertyValue(cssPropertyName.replace(/([A-Z])/g, "-$1").toLowerCase());
     }
     else if (element.currentStyle) {
       return element.currentStyle[cssPropertyName];
     }
     else {
       return null;
     }
   }
   else {
     return null;
   }
}

function getComputedStyleForId (elementId, cssPropertyName) {
   if (document.getElementById) {
     return getComputedStyleForElement(document.getElementById(elementId), cssPropertyName);
   }
   else {
     return null;
   }
}

