/* =========================== */
/*  DSVD WEBSITE               */
/*  VERSIE 1.0.00              */
/*  2010 KW 1                  */
/* =========================== */
/*  © 2010 LuSaneT Group       */
/*  www.lusanet.nl             */
/* =========================== */
/*  Basis DSVD-website         */
/*  includes/base.js           */
/* =========================== */
var pageElement = null;

// ====================	
//  BROWSER DETECTEREN 
// ====================
	function getBrowserInfo() {
		if(document.layers)
			return new Array("NS", 4);
		else if(!(navigator.appVersion.indexOf("MSIE 4.")==-1))
			return new Array("IE", 4);
		else if(!(navigator.appVersion.indexOf("MSIE 5.")==-1))
			return new Array("IE", 5);
		else if(!(navigator.appVersion.indexOf("MSIE 6.")==-1))
			return new Array("IE", 6);
		else if(!(navigator.appVersion.indexOf("MSIE 7.")==-1))
			return new Array("IE", 7);
		else if(!(navigator.appVersion.indexOf("MSIE 8.")==-1))
			return new Array("IE", 8);
		else if(!(navigator.userAgent.indexOf("Firefox/1.")==-1))
			return new Array("FF", 1);
		else if(!(navigator.userAgent.indexOf("Firefox/2.")==-1))
			return new Array("FF", 2);
		else if(!(navigator.userAgent.indexOf("Firefox/3.")==-1))
			return new Array("FF", 3);
		else if(document.layers && !(navigator.userAgent.indexOf("Netscape")==-1))
			return new Array("NS", 6);
		else
			return new Array("unknown", -1);
	}

// =========================
//  PAGINA ELEMENT OPVRAGEN
// =========================
	function getPageElement() {
		if(pageElement == null) {
			// COLUMN CENTER ZOEKEN
				var columnElement = document.getElementById("wrapper").childNodes;
				for(i=0;i < columnElement.length;i++) {
					if(columnElement[i].className == "columnCenter") {
						columnElement = columnElement[i];
						break;
					}
				}
			
			// PAGE ZOEKEN
				pageElement = columnElement.childNodes;
				for(i=0;i < pageElement.length;i++) {
					if(pageElement[i].className == "page") {
						pageElement = pageElement[i];
						break;
					}
				}
		}
		
		return pageElement;
	}

// ========================================
//  WEERGEVEN/VERBERGEN VAN AGENDA DETAILS
// ========================================
	function calendarToggleDetails(itemElement, detailsId) {
		// KIJK OF DE REGEL AL ACTIEF IS
			if(itemElement.className.indexOf("itemActive") >= 0) {
				// DETAILS VERBERGEN
					itemElement.className = "item";
					document.getElementById("calendarDetails"+detailsId).style.display = "";
			}
			else {
				// DETAILS WEERGEVEN
					itemElement.className = "item itemActive";
					document.getElementById("calendarDetails"+detailsId).style.display = "block";
			}
	}
	
// ===================================
//  WEEK BEKIJKEN IN DE AGENDA-MODULE 
// ===================================
	function calendarSelectWeek(week, year) {
		// ID PARAMETER OPHALEN
			var actualLocation = ""+window.location;
			var parameterArray = actualLocation.split('id=');
			parameterArray = parameterArray[1].split('&');
		
		window.location = "./?id="+parameterArray[0]+"&week="+week+"&year="+year;
	}
	
// =========================
//  AGENDA MAANDEN SCHUIVEN 
// =========================
	function calendarMonthSlide(direction) {
		var monthWidth = 192;
		var newMarginLeft = -1;
		var actualMarginLeft = document.getElementById("monthSelectorRowDiv").style.marginLeft;
			actualMarginLeft = actualMarginLeft.replace("px", "");
			
		if(actualMarginLeft == "") {
			actualMarginLeft = 0;
		}
		
		// BUTTONS ZICHTBAAR MAKEN
			document.getElementById("monthButtonsBack").style.visibility = "";
			document.getElementById("monthButtonsNext").style.visibility = "";

		// NIEUWE MARGIN BEPALEN
			if(direction == 'back') {
				newMarginLeft = parseInt(actualMarginLeft) + monthWidth;
			}
			else {
				newMarginLeft = parseInt(actualMarginLeft) - monthWidth;
			}
			
		// BUTTONS VERBERGEN
			if(direction == 'back' && newMarginLeft == 0) {
				document.getElementById("monthButtonsBack").style.visibility = "hidden";
			}
			else if(direction == 'next' && newMarginLeft == (monthWidth * -9)) {
				document.getElementById("monthButtonsNext").style.visibility = "hidden";
			}
			
		// NIEUWE MARGIN TOEPASSEN
			if(newMarginLeft != -1) {
		    	document.getElementById("monthSelectorRowDiv").style.marginLeft = newMarginLeft+"px";
			}
	}
	
// ========================================
//  CSS3-STYLES TOEPASSEN OP IE 8 EN OUDER
// ========================================
	function ie8ApplyCss3Styles() {
		// ELEMENTEN VERVANGEN
			var tablesArray = getPageElement().getElementsByTagName("table");
			for(i=0;i < tablesArray.length;i++) {
				if(tablesArray[i].className == "informationTable") {
					// INFORMATIE TABEL
						var trArray = tablesArray[i].getElementsByTagName("tr");
						for(j=0;j < trArray.length;j+=2) {
							trArray[j].style.backgroundColor = "#E6E6E6";
						}
				}
			}
	}
	
// ====================================
//  FOTO LINKS VERVANGEN NAAR JS-LINKS
// ====================================
	function replacePhotoUrlsToLayer() {
		var hrefArray = getPageElement().getElementsByTagName("a");
		for(i=0;i < hrefArray.length;i++) {			
			if(hrefArray[i].href.indexOf("lstssdata/?f=") >= 0 && hrefArray[i].type == "image") {
				// IE WIL EEN ANDERE METHODIEK
					if(getBrowserInfo()[0] == "IE") {
						hrefArray[i].onclick = function() { openPhotoEnlargeLayer(this.getAttribute("href")); return false; };
					}
					else {
						hrefArray[i].setAttribute("onclick", "return openPhotoEnlargeLayer('"+hrefArray[i].href+"');");
					}
			}
		}
	}
	 
// =======================
//  PHOTO LAYER WEERGEVEN 
// =======================
	function openPhotoEnlargeLayer(imageLocation, attempt) {
		if(typeof attempt == "undefined")
			attempt = 0;
			
		// AFBEELDING PLAATSEN
			if(attempt == 0) {
				document.getElementById("photoEnlargeLayerImage").src = imageLocation;
					
				// Layer weergeven
					document.getElementById("photoEnlargeLayer").style.display = "block";
					document.getElementById("photoEnlargeLayerWindow").style.visibility = "hidden";
					
				// LOADING BOX WEERGEVEN
					document.getElementById("photoEnlargeLayerLoadingBox").style.display = "block";
					
				// IE snapt de left = 0, right = 0 niet...
					if(IE) {
						document.getElementById("photoEnlargeLayer").style.width = getWindowSize()[0]+"px";
					}
			}
	
		// WACHTEN TOT DE AFBEELDIG IS GELADEN
			if(document.getElementById("photoEnlargeLayerImage").offsetWidth > 1) {
				// Venster centreren
					var imageWidth = document.getElementById("photoEnlargeLayerImage").offsetWidth;
					var imageHeight = document.getElementById("photoEnlargeLayerImage").offsetHeight;
					var windowLeft = document.getElementById("wrapper").offsetLeft;
					var windowTop = (getWindowSize()[1] - imageHeight) / 2;
						
					// Vanaf wrapper positie gaan we centreren
						if(imageWidth < 998) {
							windowLeft += (1000 - imageWidth) / 2;
						}
		
					// Voorkom dat het venster buiten het scherm valt
						if(windowLeft < 0) {
							windowLeft = 0;
						}
						
						if(windowTop < 0) {
							windowTop = 0;
						}
						
					// LOADING BOX VERBERGEN
						document.getElementById("photoEnlargeLayerLoadingBox").style.display = "";
		
					document.getElementById("photoEnlargeLayerWindow").style.visibility = "";
					document.getElementById("photoEnlargeLayerWindow").style.width = imageWidth+"px";
					document.getElementById("photoEnlargeLayerWindow").style.marginLeft = windowLeft+"px";
					document.getElementById("photoEnlargeLayerWindow").style.marginTop = windowTop + getScrollHeight() +"px";
			}
			else if(attempt < 20) {
				setTimeout("openPhotoEnlargeLayer('"+imageLocation+"', "+(attempt+1)+")", 200);
			}
			
		// VOORKOMT OPENEN VAN PAGINA
			return false;
	}

// =======================
//  PHOTO LAYER VERBERGEN 
// =======================
	function closePhotoEnlargeLayer() {
		document.getElementById("photoEnlargeLayerImage").src = "images/blank.gif";
		document.getElementById('photoEnlargeLayer').style.display = '';
	}