// JavaScript Document

window.addEvent('load', function() {
	/* MENU */
	$('header-overlay').set('tween', {
		duration: 10000,
		transition: Fx.Transitions.Elastic.easeOut
	});
	var headerOverlay = function() {
		$('header-overlay').tween('opacity', 0.6);
	}
	headerOverlay.delay(500);
	var bodySize = $("container").getSize();
	//var headSize = $("header").getSize();
	//var footSize = $("footer").getSize();
	//$('menu').setStyle('height', bodySize.y - headSize.y - footSize.y+"px");
	
	//MENU
	$('menu').getElements('li').each(function(listitem) {
		if(listitem.getElement('div.submenu')) {
			var submenu = listitem.getElement('div.submenu');
			listitem.set('rel', listitem.getSize().y + submenu.getCoordinates().height -1);
			listitem.set('rev', listitem.getSize().y -1);
			listitem.naam = listitem.get('name');
			listitem.set('status', 0);
			if(listitem.get('name').test($('menu').get('rel'), 'i')) {
				listitem.setStyle('height', listitem.get('rel')+"px");
				listitem.set('status', 1);
			}
			listitem.getElement('a').addEvent('click', function(event) {
				event.preventDefault();
				if(this.getParent().get('status') == 0) {
					if($('menu').get('rel')) {
						$$('li[name='+$('menu').get('rel')+']').setStyle('height', $$('li[name='+$('menu').get('rel')+']').get('rev')+"px");
						$$('li[name='+$('menu').get('rel')+']').set('status', 0);
					}
					$('menu').set('rel', this.getParent().naam);
					listitem.setStyle('height', listitem.get('rel')+"px");
					listitem.set('status', 1);
				} else {
					listitem.setStyle('height', listitem.get('rev')+"px");
					listitem.set('status', 0);
				}
			});
		}
	});

	//SCROLL TO TOP
	var myFx = new Fx.Scroll(document.body, {
			duration: 1000,
			wait: false
	});
	$('scrollToTop').addEvent('click', function(event) {
		event.preventDefault();
		myFx.toTop();																
	});
	
	/* ACHTERGROND KLEUR VAN TABELLEN KLEURUH
	/* Achtergrond van tbody instellen */
	$('content').getElements('tbody').each(function(tbody) {
		var bg = "bg1";
		tbody.getElements('tr').each(function(row) {		
			row.set('class', bg);
			if(bg == "bg1") { bg = "bg2"; } else { bg = "bg1"; }
		});
	});	
	
});