$(document).ready(function(){
	setContent();
	setImages();
	setPDF();
	setScroll();
	
	$('.quote').append('<div class="quote_top"></div><div class="quote_bottom"></div>');
	$('.grey').append('<div class="grey_top"></div><div class="grey_bottom"></div>');
});

window.onresize = setContent;
function setContent(){
	if(document.getElementById('content')){
		vTotalHeight = document.body.clientHeight;
		vMenuHeight = document.getElementById('menu').offsetHeight;
		vKruimelspoorHeight = document.getElementById('kruimelspoor').offsetHeight;
		document.getElementById('content').style.height = (vTotalHeight - vMenuHeight - vKruimelspoorHeight - 10) +'px';
		document.getElementById('content').style.display = 'block';
		document.getElementById('disclaimer').style.display = 'block';
	}
}
vIE6 = false;
if(!window.XMLHttpRequest)
  vIE6 = true;

/* pdf + Externe links */
function setPDF(){
	fAtags = document.getElementsByTagName('a');
	for(i in fAtags){
		if(fAtags[i].href){
			fBlank = false;
			fHref = fAtags[i].href.toLowerCase();
			if(fHref.indexOf('.pdf') > 0)
				fBlank = true;
			if(!fHref.match('[A-Za-z0-9\-\_]+\.macintosh\.nl') && !fHref.match('javascript:.*'))
				fBlank = true;
			if(fBlank)
				fAtags[i].target = '_blank';
		}
	}
}
/* scrollen */
function setScroll(){
	fAtags = document.getElementsByTagName('a');
	for(i in fAtags){
		if(fAtags[i].href){
			if(fAtags[i].href.indexOf('#') > 0){
				fHref = fAtags[i].href.split('#');
				fAtags[i].scrollString = fHref[1].toLowerCase();
				fAtags[i].href = 'javascript:void(0);';
				addEvent(fAtags[i], 'click', textScroll);
			}
		}
	}
}
function findPosTop(fObject){
	fTop = 0
	if(fObject.offsetParent){
		fTop = fObject.offsetTop;
		while(fObject = fObject.offsetParent){
			fTop += fObject.offsetTop;
		}
	}
	return fTop;
}
function textScroll(){
	fFindString = this.scrollString;
	
	if(fFindString == '' || fFindString == 'top'){
		document.getElementById('text').scrollTop = 0;
	}
	else{
		fAtags = document.getElementById('text').getElementsByTagName('a');
		for(i in fAtags){
			if(fAtags[i].name){
				if(fAtags[i].name.toLowerCase() == fFindString){
					fObject = fAtags[i];
				}
			}
		}
		
		if(fObject){
			fTopText = findPosTop(document.getElementById('text'));
			fTopA = findPosTop(fObject);
			fTopHeight = document.getElementById('HeaderDiv').clientHeight;
			fTop = fTopA - fTopText - (fTopHeight + 5);
			document.getElementById('text').scrollTop = fTop;
		}
	}
}
/* afbeeldingen */
function addEvent(fObj, fType, fn){
	if(fObj.addEventListener)
		fObj.addEventListener(fType, fn, false);
	else if(fObj.attachEvent){
		fObj['e'+ fType + fn] = fn;
		fObj[fType + fn] = function(){fObj['e'+ fType + fn](window.event);}
		fObj.attachEvent('on'+ fType, fObj[fType + fn]);
	}
}
function setImages(){
	fImgTags = document.getElementsByTagName('img');
	for(i in fImgTags){
		if(fImgTags[i].src){
			if(fImgTags[i].src.indexOf('/kl_') > 0){
				fImgTags[i].className = 'clickable';
				addEvent(fImgTags[i], 'click', showImage);
			}
		}
	}
}
function showImage(aTag){
	fDescription = '<a title="'+ lang_Sluiten +'" id="largeImage_close" href="javascript:void(0);" onclick="closeImage();">X</a>';
	if(window.location.pathname.indexOf('imagebank.asp') > 0){
		fImage = aTag.style.backgroundImage;
		fImage = fImage.substr(4, (fImage.length - 5));
		fDescription += '<u>'+ lang_naam +':</u><br /><b>'+ aTag.offsetParent.title +'</b><br /><br />';
		if(aTag.title != '')
			fDescription += '<u>'+ lang_omschrijving +':</u><br /><b>'+ aTag.title +'</b><br /><br />';
		fFile = aTag.nextSibling.title;
		if(fFile != ''){
			fButtonName = lang_ExtraFile.replace('EXT', fFile.substr(fFile.lastIndexOf('.')+1).toUpperCase());
			fDescription += '<a id="largeImage_extrafile_beeldbank" href="/data/files/beeldbank/'+ fFile +'" target="_blank">'+ fButtonName +'</a>';
		}
		fDescription += '<a id="largeImage_description_beeldbank" href="'+ fImage.replace('/kl_', '/egr_') +'" target="_blank">'+ lang_highres +'</a>';
	}
	else{
		fImage = this.src;
		if(this.alt != '')
			fDescription += '<u>'+ lang_naam +':</u><br /><b>'+ this.alt +'</b><br /><br />';
		fDescription += '<a id="largeImage_description_beeldbank" href="home.asp?wwwref1=432&wwwref2=fd81eh8893bf">'+ lang_beeldbank +'</a>';
	}
	fDescription += '<a id="largeImage_description_close" href="javascript:void(0);" onclick="closeImage();">'+ lang_Sluiten +'</a>';
	
	document.getElementById('largeImage_image').style.backgroundImage = 'url('+ fImage.replace('/kl_', '/gr_') +')';;
	document.getElementById('largeImage_description_text').innerHTML = fDescription;
	document.getElementById('largeImage').style.display = 'block';
}
function closeImage(){
	document.getElementById('largeImage').style.display = 'none';
}
/* dropdown */
vArray = new Array;
vArrayOn = new Array;
vIE = document.all?true:false;
vOldDropDownClass = '';

function setOpacity(fObject, fOpacity){
	if(document.getElementById(fObject))
		fObject = document.getElementById(fObject);
	vIE?fObject.style.filter = 'alpha(opacity='+ fOpacity +')':fObject.style.opacity = (fOpacity / 100);
}
function With(o, p) {
  for(var prop in p) {
    o[prop] = p[prop]; 
  }
}
function findPos(fObject){
	var fCurleft = 0;
	if (fObject.offsetParent){
		fCurleft = fObject.offsetLeft;
		while(fObject = fObject.offsetParent){
			fCurleft += fObject.offsetLeft;
		}
	}
	return fCurleft;
}
function setDropdown(vId, vPosition){
	vDiv = document.getElementById('div_'+ vId);
	vDivMin2 = document.getElementById('div_'+ vId +'-2');
	vDiv2 = document.getElementById('div_'+ vId +'_2');
	
	vMenuButton = document.getElementById('menu_'+ vId);
	vMenuButtonOffsetLeft = findPos(vMenuButton);
	vMenuButtonWidth = vMenuButton.offsetWidth + vMenuButton.style.borderLeft + vMenuButton.style.borderRight;
	
	vMenuOffestLeft = findPos(document.getElementById('menu'));
	
	vDropDownWidth = document.getElementById('div_'+ vId +'-2').offsetWidth;
	if((vDropDownWidth - vMenuButtonWidth) < 16){
		vDropDownWidth = parseInt(vMenuButtonWidth) + 16;
		vDivMin2.style.width = vDropDownWidth +'px';
	}
	if(vPosition == 'right'){
	
	}
	else if(vPosition == 'center'){
		vLeft = (vMenuButtonOffsetLeft - vMenuOffestLeft) - ((vDropDownWidth - vMenuButtonWidth) / 2) - 1;
	}
	else{
		vLeft = vMenuButtonOffsetLeft - vMenuOffestLeft;
	}
	if(vLeft < 0)
		vLeft = 0;
	vDiv.style.left = vLeft +'px';
	vDiv2.style.left = vLeft +'px';
	vDiv2.style.width = vDropDownWidth +'px';
}
function button(vId, vPosition){
	vDiv = document.getElementById('div_'+ vId);
	vDiv2 = document.getElementById('div_'+ vId +'-2');
	
	if(!vArray[vId]){
		With(vDiv.style, {
			height:"0px",
			display:"none"
		});
		With(document.getElementById('div_'+ vId +'_2').style, {
			height:"0px",
			display:"none"
		});
		vDiv.style.display = 'block';
		document.getElementById('div_'+ vId +'_2').style.display = 'block';
		vArray[vId] = new Array();
		
		if(vIE == true){
			vArray[vId][1] = vDiv2.offsetHeight;
		}
		else{
			vArray[vId][1] = vDiv2.clientHeight;
		}
		vArray[vId][1]--;
		vArray[vId][2] = Math.ceil(vArray[vId][1] / 10);
		vArray[vId][3] = 'up';
		setDropdown(vId, vPosition);
	}
	
	vArray[vId][3] = 'down';
	setTimeout('schuiven('+ vId +')', 125);			
}
function schuiven(vId){
	vHeight = document.getElementById('div_'+ vId).clientHeight;
	vDiv = document.getElementById('div_'+ vId);
	vDiv2 = document.getElementById('div_'+ vId +'_2');
	
	if(vArray[vId][3] == 'down'){
		if(vHeight < vArray[vId][1]){
			vDiv.style.display = 'block';
			vDiv2.style.display = 'block';
			vHeight = vHeight + vArray[vId][2];
			if(vHeight > vArray[vId][1]){
				vDiv.style.height = vArray[vId][1] +'px';
				vDiv2.style.height = vArray[vId][1] +'px';
			}
			else{
				vDiv.style.height = vHeight +'px';
				vDiv2.style.height = vHeight +'px';
				setTimeout('schuiven('+ vId +')', 25);
			}
		}
	}
	else{
		if(vHeight != 0){
			vHeight = vHeight - vArray[vId][2];
			if((vHeight) < 0){
				With(vDiv.style, {
					height:"0px",
					display:"none"
				});
				With(vDiv2.style, {
					height:"0px",
					display:"none"
				});
			}
			else{
				With(vDiv.style, {
					height:vHeight +"px",
					display:"block"
				});
				With(vDiv2.style, {
					height:vHeight +"px",
					display:"block"
				});
				setTimeout('schuiven('+ vId +')', 10);
			}
		}
		else{
			With(vDiv.style, {
				height:"0px",
				display:"none"
			});
			With(vDiv2.style, {
				height:"0px",
				display:"none"
			});
		}
	}
}
function dropdownOn(vId, vPosition){
	if(vArrayOn[vId] != 'on'){
		vArrayOn[vId] = 'on';
		vOldDropDownClass = document.getElementById('menu_'+ vId).className;
		if(vId == 1 && vIE6)
			document.getElementById('menu_'+ vId).className = 'on ie6bug';
		else
			document.getElementById('menu_'+ vId).className = 'on';
	}
	if(document.getElementById('div_'+ vId)){
		if(vArray[vId]){
			if(vArray[vId][3] != 'down'){
				button(vId, vPosition);
			}
		}
		else{
			button(vId, vPosition);
		}
	}
}
function dropdownOut(vId){
	vArrayOn[vId] = 'off';
	document.getElementById('menu_'+ vId).className = vOldDropDownClass;
	setTimeout('inschuiven('+ vId +')', 50);
}
function inschuiven(vId){
	if(vArrayOn[vId] == 'off'){
		if(document.getElementById('div_'+ vId)){
			vArray[vId][3] = 'up';
			schuiven(vId);
		}
	}
}
/* einde dropdown */
function setHeader(fValue){
	document.getElementById('contentHeader').innerHTML = fValue;
}
function setOnderschrift(fValue){
	document.getElementById('contentOnderschrift').innerHTML = fValue;
}
/* header */
preLoad = '';
vTijdZichtbaar = 5000;

vImage = '';
vPhotoNum = 1;

vPhotoTotal = 1;
vPhotoName = '_2010_header.jpg';

// Stel overgangShowSpeed in (milliseconden)
var overgangShowSpeed = vTijdZichtbaar;

// Overgandstijd (in seconden)
var overgangsTijd = 5;

// Bepaal de afbeeldingen
var Afbeelding = new Array();

var t
var j = 0;
var p = Afbeelding.length;
function InitializePhoto(){
	for(i=0; i<vPhotoTotal; i++){
		Afbeelding[i] = 'images/'+ (((i + 1) < 10)?'0':'') + (i + 1) + vPhotoName;
	}
	
	// preLoad = new Array();
	// for (i = 0; i <vPhotoTotal; i++){
	   // preLoad[i] = new Image();
	   // preLoad[i].src = Afbeelding[i];
	// }
	changePhoto();
}
function changePhoto(){
	if(vIE6)
		speelSlideShow();
	else
		headerPhoto();
}

function setOpacity(fObject, fOpacity){
	if(document.getElementById(fObject))
		fObject = document.getElementById(fObject);
	vIE?fObject.style.filter = 'alpha(opacity='+ fOpacity +')':fObject.style.opacity = (fOpacity / 100);
}
function loadPhoto(vPhoto){
	if(vPhoto){
		vImage = new Image();
		vImage.src = vPhoto;
		vImage.onerror = setPhoto;
	}
	else{
		return vImage.complete;
	}
}
function PhotoNumber(){
	vNumber = (Math.floor(Math.random()*(vPhotoTotal - 1)) + 1);
	if(vPhotoNum == vNumber){
		if((vNumber + 1) > vPhotoTotal)
			vNumber--;
		else
			vNumber++;
	}
	return vNumber;
}
function setPhoto(){
	fNumber = PhotoNumber();
	loadPhoto('images/'+ ((fNumber < 10)?'0':'') + fNumber + vPhotoName);
}
function headerPhoto(){
	if(vPhotoTotal > 1){
		if(vImage == ''){
			setPhoto();
			setOpacity('headerbg', 100);
			setTimeout('headerPhoto()', vTijdZichtbaar);
		}
		else{
			if(loadPhoto()){
				setOpacity('headerbgtemp', 0);
				document.getElementById('headerbgtemp').style.backgroundImage = "url('"+ vImage.src +"')";
				changeHeadPhoto();
				setPhoto();
				setTimeout('headerPhoto()', vTijdZichtbaar);
			}
			else
				setTimeout('headerPhoto()', 100);
		}
	}
}
function changeHeadPhoto(vNum){
	if(!vNum)
		vNum = 1;
	
	setOpacity('headerbgtemp', (vNum * 5));
	
	if(vNum < 20)
		setTimeout('changeHeadPhoto('+ (vNum + 1) +')', 50);
	else{
		document.getElementById('headerbg').style.backgroundImage = document.getElementById('headerbgtemp').style.backgroundImage;
		setOpacity('headerbgtemp', 1);
	}
}
function speelSlideShow(){
   if (document.all){
      document.images.SlideShow.style.filter="blendTrans(duration=2)";
      document.images.SlideShow.style.filter="blendTrans(duration=overgangsTijd)";
      document.images.SlideShow.filters.blendTrans.Apply();
   }
   vNumber = PhotoNumber();
   
   document.images.SlideShow.src = preLoad[vNumber].src;
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play();
   }
   j = j + 1;
   if (j > (p-1)) j=0;
   t = setTimeout('speelSlideShow()', overgangShowSpeed);
}