/* - - - - - - - - - - - - - - - - - - - - -

Title :functies voor RAI
Author : Marien van Os
URL : http://www.mirabeau.nl

Description : 

Created : 12-04-2006
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

YAHOO.util.Event.addListener(window,'load',pageLoaders);
function pageLoaders() {
	navimages.init();
	setHeightRight.init();
	zoekveldCheck.init('formsyswide');
	zoekveldCheck.init('zoekvelden');
	zoekveldCheck.init('nieuwsbriefform');
	sfeerbeeld.init();
	plattegrondOver.init();
	faqClick.init();
	routeClick.init();
	webcamOver.init();
	scenarioOver.init();
	resultOver.init('zoekresult');
	resultOver.init('vacatures');
	resultOver.init('homepagelist');
	vandaagAgendaHeight.init();
}
var vandaagAgendaHeight = {
	init : function() {
	var vandaagClass = getElementsByClass('vandaag',null,'ul');
	var agendaClass = getElementsByClass('agenda',null,'ul');
	var nieuwsClass = getElementsByClass('nieuws',null,'ul');
	if(vandaagClass.length>0){
	//console.log(YAHOO.util.Dom.getStyle(vandaagClass[0],'height').slice(0,-2))
	//console.log(YAHOO.util.Dom.getStyle(vandaagClass[0],'height').slice(0,-2))
	var agendaheight = parseInt(YAHOO.util.Dom.getStyle(agendaClass[0],'height').slice(0,-2));
	var vandaagheight= parseInt(YAHOO.util.Dom.getStyle(vandaagClass[0],'height').slice(0,-2));
	if(document.all){
		var vandaagheight = vandaagClass[0].offsetHeight;
	}
	var newagendaheigt= (agendaheight - vandaagheight);
	
	//console.log(newagendaheigt)
	if(newagendaheigt<1){
		newagendaheigt=0;
		agendaClass[0].style.display='none';
	}
	YAHOO.util.Dom.setStyle(agendaClass[0],'height',newagendaheigt+'px')
	if(YAHOO.util.Dom.getStyle(vandaagClass[0],'height').slice(0,-2)>269){
		YAHOO.util.Dom.setStyle(vandaagClass[0],'height','270px')
	}
	if(document.all){
		if(vandaagClass[0].offsetHeight>269){
			YAHOO.util.Dom.setStyle(vandaagClass[0],'height','250px')
		}
	}

	var nieuwslis =nieuwsClass[0].getElementsByTagName('LI');
		for (var i=0;i<nieuwslis.length;i++){
		var nieuwslisheight = nieuwslis[i].offsetHeight
		//console.log(nieuwslisheight)
			if (nieuwslisheight>53){
			//nieuwslisheight.style.height='53px';
				YAHOO.util.Dom.setStyle(nieuwslis[i],'height','53px')
			}
		}
		var nieuwsheight = nieuwsClass[0].offsetHeight
		if (nieuwsheight>193){
			YAHOO.util.Dom.setStyle(nieuwsClass[0],'height','193px')
			for (var i=3;i<nieuwslis.length;i++){
				nieuwslis[i].style.display = 'none';
			}
		}
	}
	}
}

var plattegrondOver = {
	init : function() {
		var areas = document.getElementsByTagName('AREA');
		var plattegrondinfoClass = getElementsByClass('plattegrondinfo',null,'DIV');

		if(areas.length>0){
		for (var i=0;i<areas.length;i++){
			YAHOO.util.Event.addListener(areas[i],'mouseover',this.areaOver,[plattegrondinfoClass,plattegrondinfoClass[i]])
			plattegrondinfoClass[i].style.display='none';
			}
		plattegrondinfoClass[0].style.display='block';
		}
	},
	areaOver : function(e,els) {
		plattegrondinfoClass=els[0]
		for(i=0;i<plattegrondinfoClass.length;i++){
		 plattegrondinfoClass[i].style.display='none';
		}
		els[1].style.display='block';
	}
}
var webcamOver = {
	init : function() {
		var webcamClass = getElementsByClass('webcam',null,'DIV');
		var buttonClass = getElementsByClass('button',null,'DIV');
		var caminfoClass = getElementsByClass('caminfo',null,'DIV');
		for (var i=0;i<webcamClass.length;i++){
			
			for (var j=0;j<buttonClass.length;j++){
			YAHOO.util.Event.addListener(buttonClass[j],'click',this.buttonClick,[caminfoClass[j],buttonClass,caminfoClass])
			caminfoClass[j].style.display='none';
			}
			caminfoClass[0].style.display='block';
			var  activeanchorlink=buttonClass[0].getElementsByTagName('A');
			activeanchorlink[0].style.color='#ffffff';
			buttonClass[0].style.backgroundColor='#b1b1b1';
		}
	},
	buttonClick : function(e,els) {
		var buttonClass=els[1];
		var caminfoClass=els[2];
		
		var  activeanchorlink=this.getElementsByTagName('A');
		for(i=0;i<buttonClass.length;i++){
			caminfoClass[i].style.display='none';
			buttonClass[i].style.backgroundColor='#ffffff';
			var anchorlink=buttonClass[i].getElementsByTagName('A');
			anchorlink[0].style.color='#424242';
		}
		els[0].style.display='block';
		var  activeanchorlink=this.getElementsByTagName('A');
		activeanchorlink[0].style.color='#ffffff';
		this.style.backgroundColor='#b1b1b1';
	}
}

var routeClick = {
	init : function() {
		var routecontactClass = getElementsByClass('routecontact',null,'DIV');
		var clickheaderClass = getElementsByClass('clickheader',null,'DIV');
		var contentdisplayClass = getElementsByClass('contentdisplay',null,'DIV');
		for (var i=0;i<routecontactClass.length;i++){
			var lis = routecontactClass[i].getElementsByTagName('LI');
			for (var j=0;j<lis.length;j++){
			YAHOO.util.Event.addListener(clickheaderClass[j],'click',this.headerClick,[lis[j],contentdisplayClass[j],contentdisplayClass,lis,clickheaderClass])
			YAHOO.util.Event.addListener(clickheaderClass[j],'mouseover',this.headerOver)
			YAHOO.util.Event.addListener(clickheaderClass[j],'mouseout',this.headerOut,contentdisplayClass[j])
			}
		}
	},
	headerClick : function(e,els) {
		//alert(els[2].length)
		var contentDisplay=els[2];
		var lis=els[3];
		var clickHeader=els[4]
		
		for(i=0;i<contentDisplay.length;i++){
			if(contentDisplay[i].style.display=='block'){
				//contentDisplay[i].style.display='none';
				//lis[i].style.backgroundColor='#ffffff' ;
				//lis[i].style.backgroundImage='url(/static/gfx/bg_li.gif)';
				//clickHeader[i].className='clickheader';
			}
		}
		if(els[1].style.display=='none'||els[1].style.display==''){
			//this.style.fontWeight='bold';
			//this.style.cursor='pointer';
			//this.className='highlight';
			
			els[1].style.display = 'block';
			els[0].style.backgroundColor='#f7f7f7' ;
			els[0].style.backgroundImage='url(/static/gfx/bg_liopen.gif)';
		}
		else{
			//this.style.fontWeight='bold';
			//this.style.cursor='pointer';
			//this.className='highlight';
			
			els[1].style.display = 'none';
			els[0].style.backgroundColor='#ffffff' ;
			els[0].style.backgroundImage='url(/static/gfx/bg_li.gif)';
			}
	},
	headerOver : function(e,els) {
		this.className='highlight';
		this.style.cursor='pointer';
		this.style.textDecoration='underline';
		this.style.fontWeight='bold';
	},
	headerOut : function(e,els) {
		this.style.textDecoration='none';
		if(els && els.style.display!='block'){
		this.className='clickheader';
		}
	}
};

var resultOver = {
	init : function(classNaam) {
	var resultClass = getElementsByClass(classNaam,null,'DIV');
		for (var i=0;i<resultClass.length;i++){
			var lis = resultClass[i].getElementsByTagName('LI');
			for (var j=0;j<lis.length;j++){
				var liclass=lis[j].className;

				var anchors =lis[j].getElementsByTagName('A');
				YAHOO.util.Event.addListener(lis[j],'mouseover',this.liOver,liclass)
				YAHOO.util.Event.addListener(lis[j],'mouseout',this.liOut,liclass)
				YAHOO.util.Event.addListener(anchors[0],'mouseover',this.aOver)
				YAHOO.util.Event.addListener(anchors[0],'mouseout',this.aOut)
				}
			}
	},
	liOver : function(e,els) {
		if(els=='first'){
		this.className='firstover';
		//this.style.backgroundColor='#f1f5ee';
		}
		else{this.className='liover';}
	},
	liOut : function(e,els) {
		this.className=els;
	},
	aOver : function(e) {
		this.style.textDecoration='underline';
		this.className='highlight';
		
	},
	aOut : function(e) {
		this.style.textDecoration='none';
		this.className='';
		
	}
};

var scenarioOver = {
	init : function() {
		var scenarioClass = getElementsByClass('scenariolinks',null,'DIV');
		var imgholderClass= getElementsByClass('imgholder',null,'DIV');
		for(var i=0;i<scenarioClass.length;i++){
		var lis = scenarioClass[i].getElementsByTagName('LI');
		var imgs =imgholderClass[i].getElementsByTagName('IMG');
		var ems =imgholderClass[i].getElementsByTagName('EM');
		for (var j=0;j<lis.length;j++){
			YAHOO.util.Event.addListener(lis[j],'mouseover',this.liOver,[imgs,imgs[j],ems[j],ems,lis,lis[j]])
			imgs[j].style.display='none';
			ems[j].style.display='none';
			}
		}
		if(scenarioClass!=''){
		imgs[0].style.display='block';
		ems[0].style.display='block';
		lis[0].style.backgroundColor='#ffffff' ;
		}
	},
	liOver : function(e,els) {
		
		var lis=els[4]
		var imgs=els[0];
		var ems=els[3]
		for(i=0;i<imgs.length;i++){
			imgs[i].style.display='none';
			ems[i].style.display='none';
			lis[i].style.backgroundColor='#f7f7f7' ;
		}
		els[1].style.display='block';
		els[2].style.display='block';
		els[5].style.backgroundColor='#ffffff' ;
	
	}
};


var faqClick = {
	init : function() {
		var faqClass = getElementsByClass('faq',null,'DIV');
		var vraagClass = getElementsByClass('vraag',null,'DIV');
		var antwoordClass = getElementsByClass('antwoord',null,'DIV');
		for (var i=0;i<faqClass.length;i++){
			var lis = faqClass[i].getElementsByTagName('LI');
			for (var j=0;j<lis.length;j++){
			YAHOO.util.Event.addListener(vraagClass[j],'click',this.vraagClick,[lis[j],antwoordClass[j]])
			YAHOO.util.Event.addListener(vraagClass[j],'mouseover',this.vraagOver)
			YAHOO.util.Event.addListener(vraagClass[j],'mouseout',this.vraagOut,antwoordClass[j])
			}
		}
	},
	vraagClick : function(e,els) {
		if(els[1].style.display=='block'){
			els[1].style.display = 'none';
			els[0].style.backgroundColor='#ffffff' ;
			els[0].style.backgroundImage='url(/static/gfx/bg_li.gif)';
			this.className='vraag';
		}
		else{
			this.style.fontWeight='bold';
			this.style.cursor='pointer';
			this.className='highlight';
			els[1].style.display = 'block';
			els[0].style.backgroundColor='#f7f7f7' ;
			els[0].style.backgroundImage='url(/static/gfx/bg_liopen.gif)';
		}
	},
	vraagOver : function(e,els) {
		this.className='highlight';
		this.style.cursor='pointer';
		this.style.textDecoration='underline';
		this.style.fontWeight='bold';
	},
	vraagOut : function(e,els) {
		this.style.textDecoration='none';
		if(els.style.display!='block'){
		this.className='vraag';
		}
	}
}

var altOver = {
	init : function() {
	var hotelClass = getElementsByClass('hotel',null,'DIV');
	var alttekst = getElementsByClass('alttekst',null,'DIV');
	var altmid = getElementsByClass('altmid',null,'DIV');
		for (var i=0;i<hotelClass.length;i++){
			var anchors =hotelClass[i].getElementsByTagName('A');
			YAHOO.util.Event.addListener(hotelClass[i],'mouseover',this.hotelOver,[alttekst[0],anchors[0],altmid[0]])
			YAHOO.util.Event.addListener(hotelClass[i],'mouseout',this.hotelOut,[alttekst[0],anchors[0].title,anchors[0]])

		}
	},
	hotelOver : function(e,els) {
		els[0].style.display='block';
		els[0].style.top=(YAHOO.util.Event.getPageY(e)+5)+'px';
		els[2].innerHTML=els[1].title;
		var chars=els[1].title.toString()
		var titleWidth=chars.length*6
		if(((YAHOO.util.Dom.getClientWidth()-titleWidth)-100)<=YAHOO.util.Event.getPageX(e)){
			els[0].style.left=(YAHOO.util.Event.getPageX(e)-titleWidth)+'px';
		}
		else{
			els[0].style.left=(YAHOO.util.Event.getPageX(e))+'px';
		}
		els[1].title='';
	},
	hotelOut : function(e,els) {
		els[0].style.display='none';
		els[2].title=els[1];

	}
};


var setHeightRight = {
	init : function() {
	var blckxlargebotClass = getElementsByClass('blckxlargebot',null,'DIV');
	var rightClass = getElementsByClass('right',null,'DIV');
		if(blckxlargebotClass!='' && rightClass!=''){
			var xposBlckxlargebot = YAHOO.util.Dom.getY(blckxlargebotClass[0]);
			
			var xposRight = YAHOO.util.Dom.getY(rightClass[0]);
			rightClass[0].style.height=(xposBlckxlargebot-xposRight)-20+'px'
		}
	}
};

var zoekveldCheck = {
	init : function(classNaam) {
		//var zoekinput= $('zoekveld')
		var formClass = getElementsByClass(classNaam,null,'DIV');
		for (var i=0;i<formClass.length;i++){
		var zoekinput=formClass[i].getElementsByTagName('INPUT')
			for(j=0;j<zoekinput.length;j++){
				
				if(zoekinput[j].type == 'text')
				//console.log(zoekinput[j].type)
				{
					YAHOO.util.Event.addListener(zoekinput[j],'focus',this.focusInput,zoekinput[j].value)
					//YAHOO.util.Event.addListener(zoekinput[j],'blur',this.blurInput,zoekinput[j].value)
				}
			}
		}
	},
	focusInput : function(e,els) {
	
		if (this.value == els) this.value = '';
	}//,
	//blurInput : function(e,els) {
	//	if (this.value == '') this.value = els;
	//}
};
var navimages = {
	init : function() {
		var navOver = new Array();
		var navOut = new Array();
		var navclass = getElementsByClass('nav',null,'DIV');
		for (var i=0;i<navclass.length;i++){
			//zoek het aantal img in de nav class 
			var imgs = navclass[i].getElementsByTagName('IMG');
			for (var j=0;j<imgs.length;j++){
				var suffix = imgs[j].src.substring(imgs[j].src.lastIndexOf('.'));
				navOut[j] = new Image();
				navOut[j].src = imgs[j].src;
				navOver[j] = new Image();
				navOver[j].src = imgs[j].src.substring(0,imgs[j].src.lastIndexOf('_')) + "_on" + suffix;
				YAHOO.util.Event.addListener(imgs[j],'mouseover',this.swap,navOver[j])
				YAHOO.util.Event.addListener(imgs[j],'mouseout',this.swap,navOut[j])
			}
		}
	},
	swap : function(e,els) {
		this.src = els.src;
	}
};

var sfeerbeeld = {
init : function() {
	var deepClass = getElementsByClass('deeplink',null,'DIV')
	var outClass = getElementsByClass('outdeep',null,'DIV');
	var overClass = getElementsByClass('overdeep',null,'DIV');
		//alert(overClass)
		for (var i=0;i<deepClass.length;i++){
			YAHOO.util.Event.addListener(deepClass[i],'mouseover',this.show,[overClass[i],outClass[i]]);
			YAHOO.util.Event.addListener(deepClass[i],'mouseout',this.show,[outClass[i],overClass[i]]);
		}
	},
	show : function(e,els) {
		els[0].style.display='block';
		els[1].style.display='none';
	}
};


/* grab Elements from the DOM by className */
function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	var i,j;
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

/* quick getElement reference */
function $() {
	var elements = new Array();
	for (var i = 0; i < arguments.length; i++) {
		var element = arguments[i];
		if (typeof element == 'string')
			element = document.getElementById(element);
		if (arguments.length == 1)
			return element;
		elements.push(element);
	}
	return elements;
}
function getObject(id) {
	if (document.all) {
		return document.all[id];
	} else {
		return document.getElementById(id);
	}
}

function valideerMaandJaar(sender, args)
{
	prefix = sender.controltovalidate.substr(0, 12)
	if( (document.getElementById(prefix + "ddVanJaar").selectedIndex == 0 && document.getElementById(prefix + "ddVanMaand").selectedIndex != 0) || (document.getElementById(prefix + "ddTotJaar").selectedIndex == 0 && document.getElementById(prefix + "ddTotMaand").selectedIndex != 0))
	{
		args.IsValid = false;
	}
	else
	{
		args.IsValid = true;
	}
}