/* ============================== */
/*  LUSANET WEBSITE               */
/*  VERSIE 4.0.01                 */
/*  2008 KW 1                     */
/* ============================== */
/*  © 2007-2008 LuSaneT Group     */
/*  www.lusanet.nl                */
/* ============================== */
/*  Basis LuSaneT-website         */
/*  includes/javascript/base.js   */
/* ============================== */

// ===================
//  ONLOAD OPDRACHTEN
// ===================
 window.onload=function() {
  setToptable();
  document.getElementById("toptable").style.visibility = "visible";
  runOnload();
 }
 
 window.onresize=function() {
  document.getElementById("windowsize").style.cssText="right: 0px; bottom: 3px;";
  setToptable();
  
  if(document.getElementById("overlay").style.visibility=='visible') {
   overlayShow();
  }
  else if(document.getElementById("fulllayer").style.visibility=='visible') {
   toggleLayer("show");
  }
 }
 
// ===============================
//  TOPTABLE CENTREREN IN VENSTER 
//  UITREKKEN TOT VENSTER HOOGETE 
// ===============================
	function setToptable() {
		// Hoogte tabel opvragen
		 var tableHeight = document.getElementById("toptable").offsetHeight;
		 var contentHeight = document.getElementById("content").offsetHeight;
		 
		// Nieuwe hoogtes berekenen
			var contentNewHeight = eval(getWindowSize('height')) - eval(tableHeight) + eval(contentHeight);
			
		// Nieuwe waarden toepassen
		 document.getElementById("toptable").style.height=getWindowSize('height')+"px";
		 document.getElementById("content").style.height=contentNewHeight+"px";
		 
		// Tabel centreren
			centerObject("toptable");
	}
	
 
// =====================
//  AJAX INISTIALISATIE
// =====================
	var xmlHttp;
	function getXmlHttpObject() {
		var xmlHttp=null;
		try {
			// Firefox, Opera 8.0+, Safari
			xmlHttp=new XMLHttpRequest();
		}
		catch (e) {
	  		// Internet Explorer
	 		try {
 			   xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  			}
	  		catch (e) {
     			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
 			}
		}
		
		return xmlHttp;
	}
	
// ======================================
//  ERROR-BERICHT WEERGEVEN IN FULLLAYER 
// ======================================
	function showError(message) {
		var errorHTML ="<p style=\"text-align: center;\">";
		    errorHTML+="<strong>"+message+"</strong>";
		    errorHTML+="<br /><input type=\"button\" value=\"OK\" onclick=\"overlayHide()\" class=\"button_a\" style=\"margin-top: 15px;\" />";
		    errorHTML+"</p>";
		    
		overlayData("Foutmelding", errorHTML, 0, 600, 50);
		overlayShow();
	}

// =================================================
//  FULLLAYER ZETTEN VOOR GRIJSTINTEN BIJ OVERLAYS 
//  OF FULLLAYER WEGHALEN, AFHANKELIJK VAN `status`
// =================================================
 function toggleLayer(status) { 
	 var fulllayer = document.getElementById("fulllayer");
	 if(status=='show') {
		  // OBJECTS VERBERGEN
			var hideObjects = new Array();
		  	var objectsList = document.getElementsByTagName('object');
			for(i=0; i < objectsList.length; i++){
		   		hideObjects.push(objectsList[i]);
		    	objectsList[i].style.visibility = "hidden";
		   	}
		   	
		  // LAYER WEERGEVEN
		   changeOpac(0, "fulllayer");
		   fulllayer.style.visibility = "visible";
		   fulllayer.style.zIndex = "20";
		   fulllayer.style.left = "0px";
		   fulllayer.style.top = "0px";
		   fulllayer.style.width = getWindowSize('width')+"px";
		   fulllayer.style.height = document.getElementById("toptable").offsetHeight+"px";
		   	
		  // FADER
		   for(i=0;i <= 80;i++) {
		   	// FULLLAYER
		   	setTimeout("changeOpac("+i+", 'fulllayer')", (i * 8));
		   }
	  }
	  else {
		  // OBJECTS WEERGEVEN
		  	var hideObjects = new Array();
		  	var objectsList = document.getElementsByTagName('object');
		   for(i=0; i < objectsList.length; i++){
		   	hideObjects.push(objectsList[i]);
		    	objectsList[i].style.visibility = "visible";
		   }
 	
		  // FADER		   
		   for(i=0;i <= 100;i++) {
		   	var opacity = 100 - i;
		   	
		   	// FULLLAYER
		   	setTimeout("changeOpac("+opacity+", 'fulllayer')", (i * 8));
		   }

	
			// FULLLAYER VERBERGEN
		  	setTimeout("document.getElementById('fulllayer').style.visibility = 'hidden'", 640);
		   	setTimeout("document.getElementById('fulllayer').style.zIndex = '0'", 640);
		  	setTimeout("document.getElementById('fulllayer').style.width = '1px'", 640);
		   	setTimeout("document.getElementById('fulllayer').style.height = '1px'", 640);

	  }
 }
 
// =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
// =*=*=*=*=*=*=*= OVERLAY =*=*=*=*=*=*=*=
// =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
 
	// =======================
	//  WEERGEVEN VAN OVERLAY 
	// =======================
		function overlayShow() {
		 toggleLayer("show");
		 centerObject("overlay");

			// OVERLAY WEERGEVEN
		  	changeOpac(0, "overlay");
			document.getElementById("overlay").style.zIndex = "30";
			document.getElementById("overlay").style.visibility = "visible";
			document.getElementById("overlay").style.top = (document.getElementById("overlay").offsetTop + window.scrollY) + "px";
			
			// FADER
			for(i=0;i < 50;i++) {
		   		setTimeout("changeOpac("+(i * 2)+", 'overlay')", ((i * 8)));
			}
		}
	 
	// ========================
	//  VERBEREGEN VAN OVERLAY 
	// ========================
		function overlayHide() {
		 toggleLayer("hide");
		 		 	
		 	// FADER
		 	var opacity = null;
		 	for(i=0;i < 50;i++) {
		 		opacity = 100 - (i * 2);
		 		setTimeout("changeOpac("+opacity+", 'overlay')", ((i * 8) + 200));
		 	}

		 	// OVERLAY VERBERGEN
			setTimeout("document.getElementById('overlay').style.visibility = 'hidden'", 640);
			setTimeout("document.getElementById('overlay').style.zIndex = '0'", 640);	
		}
		
 	// ========================
	//  DATA IN OVERLAY ZETTEN 
	// ========================
	 function overlayData(title, content, isId, width, height) {
			// TITLE PLAATSEN
			 document.getElementById("overlayTitle").innerHTML = title;
			 
			// KIJKEN OF `content` DATA IS OF ID
			 if(isId==1) {
			  document.getElementById("overlayContent").innerHTML = document.getElementById(content).innerHTML;	  
			  width = eval(document.getElementById(content).offsetWidth);
			  height = eval(document.getElementById(content).offsetHeight);
			 }
			 else {
			 	document.getElementById("overlayContent").innerHTML = content;
			 }
			 
			 
			// FORMAAT VAN OVERLAY WIJZIGEN
		  document.getElementById("overlay").style.width = eval(width + 20) +"px";
		  document.getElementById("overlay").style.height = eval(height + 38) +"px";
		  document.getElementById("overlayTitle").style.width = eval(width - 34) +"px";
		  document.getElementById("overlayContent").style.width = eval(width) +"px";
		  document.getElementById("overlayContent").style.height = eval(height) +"px";
	 }
	 
	// =========================
	//  FOTO WEERGEVEN IN LAYER 
	// =========================
		function enlargePhoto(src, width, height) {
			// HTML AANMAKEN
				var htmlData = "<img src=\""+src+"\" width=\""+width+"\" height=\""+height+"\" alt=\"\" title=\"\" />";
				
			// OVERLAY PLAATSEN
				overlayData("Uitvergroting", htmlData, 0, width, height);
				overlayShow();
		}