function setVisibleKalender(itemdiv, div){
	var newhoogte;
	
	if(document.getElementById(itemdiv).className=='kalender_text_over'){
		document.getElementById(itemdiv).className = 'kalender_text';	
	} else {
		document.getElementById(itemdiv).className = 'kalender_text_over';	
	}
	if(document.getElementById(div).style.display=='none'){
		document.getElementById(div).style.display = 'block';
		//tempheight = tempheight + document.getElementById(div).offsetHeight;
	} else {
		//tempheight = tempheight - document.getElementById(div).offsetHeight;
		document.getElementById(div).style.display = 'none';	
	}
}

function setVisible(id,type){
	document.getElementById(id).style.display = type;
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}


// JavaScript Document
var Event 		= YAHOO.util.Event;
var Dom 		= YAHOO.util.Dom;
var Anim 		= YAHOO.util.Anim;
var Motion 		= YAHOO.util.Motion;
var Easing 		= YAHOO.util.Easing;
var Connect		= YAHOO.util.Connect;
var subnav_y	= false;
var subnav_x	= false;
var y_target 	= false;
var subnav_down = false;

var print_collapsed = false;
var duration = 0.2;
var interval = 500;

var active_page = false;
var nav_active 	= false;
var nav_timeout = false;
var active_sub 	= false;

function schrijfBericht() {
	if(print_collapsed) {
		var items = Dom.getElementsByClassName('print');
		
		for(var i = 0; i < items.length; i++) {
			if(items[i].parentNode.nodeName != 'TR') {
				var anim = new Anim(items[i], { height: { to: items[i].height } }, duration, YAHOO.util.Easing.easeOut);
				anim.animate();
			} else {
				items[i].style.display = 'block';
			}

			print_collapsed = false;
		}
	} else {
		if(!print_collapsed) {
			var items = Dom.getElementsByClassName('print');
			
			for(var i = 0; i < items.length; i++) {
				if(items[i].parentNode.nodeName != 'TR') {
					items[i].height = items[i].offsetHeight;
			
					var anim = new Anim(items[i], { height: { to: 0 } }, duration, YAHOO.util.Easing.easeOut);
					anim.animate();
				} else {
					items[i].style.display = 'none';
				}
	
				print_collapsed = true;
			}
		}
	}
}

function setLeden() {
	var items = Dom.getElementsByClassName('leden');
	
	for(var i = 0; i < items.length; i++) {
		items[i].height = items[i].offsetHeight;
		var anim = new Anim(items[i], { height: { to: 0 } }, duration, YAHOO.util.Easing.easeOut);
		anim.animate();
	}
	
}
function viewLid(obj) {
	var el = document.getElementById(obj);
	if(el){
		if(el.style.height=='0px') {
			var anim = new Anim(el, { height: { to: el.height } }, duration, YAHOO.util.Easing.easeOut);
			anim.animate();
		} else {
			el.height = el.offsetHeight;
			var anim = new Anim(el, { height: { to: 0 } }, duration, YAHOO.util.Easing.easeOut);
			anim.animate();
		}
	}
}
function ledenWeergave(type, id, taal){
	var el = document.getElementById('ajax_leden');
	el.innerHTML = '';
	Dom.addClass(el, 'loading');
	
	if(type=='list'){
		var getFileUrl = "/public/ajax/leden_list.php?pid="+id+"&taalkeuze="+taal; 
	} else {
		var getFileUrl = "/public/ajax/leden_portret.php?pid="+id+"&taalkeuze="+taal; 
	}
	var callback =
	{
	  success:viewLedenWeergave,
	  argument: {method:type, obj:el}
	};
	var request = Connect.asyncRequest('GET', getFileUrl, callback);
}
function viewLedenWeergave(o){
	var el = o.argument.obj;
	Dom.removeClass(el, 'loading');
	el.innerHTML = o.responseText;
	
	if(o.argument.method=='list')
		setLeden();
}


/**
 * Spring terug naar de initiele waarden
 */
function reset_subnav() {
	if(nav_active != active_page) {
		var subnav = document.getElementById('subnav');
		
		set_active(active_page);
		slide_subnav(subnav,active_page);
	}
}

/**
 * Maak een link actief
 */
function set_active(element) {
	if(nav_active)
		Dom.removeClass(nav_active,"active");

	Dom.addClass(element,"active");
	nav_active = element;
}

/**
 * Slide animatie laten zien (of niet)
 */
function slide_subnav(subnav,clicked) {
	var has_sub = false;

	if(!subnav_y) {
		var xy = Dom.getXY(subnav);
		var x = xy[0];
		var y = xy[1];

		subnav_x = x;
		subnav_y = y;

		y_target = subnav_y + 40;
	}

	if(active_sub)
		Dom.removeClass(active_sub,"show");

	if(document.getElementById("sub_"+clicked.rel)) {
		active_sub = document.getElementById("sub_"+clicked.rel);
		Dom.addClass(active_sub,"show");

		Event.addListener(subnav,"mouseover",subnav_timeout);
		
		has_sub = true;
	}

	if(document.getElementById('home')) {
		if(!subnav_down) {
			if(has_sub) {
				var attributes = { points: { from: [subnav_x,subnav_y], to: [subnav_x,y_target] } };
		
				subnav_down = true;
			}
		} else if(!has_sub || nav_active != clicked) {
			var attributes = { points: { from: [subnav_x,y_target], to: [subnav_x,subnav_y] } };
	
			subnav_down = false;
		} 
	
		// Animeer als de parameters zijn ingesteld
		if(attributes) {
			var anim = new YAHOO.util.Motion( subnav, attributes, 0.2, Easing.easeOut);
			anim.animate();
		}
	}
}

/**
 * Timeout instellen voor het submenu
 */
function subnav_timeout() {
	window.clearTimeout(nav_timeout);
	nav_timeout = false;

	nav_timeout = window.setTimeout(reset_subnav, 5000);
}

/**
 * Toggle the submenu
 */
function toggle_subnav(e) {	
	var subnav = document.getElementById('subnav');
	var element = Event.getTarget(e); 

	if(element.nodeName.toLowerCase() == "a") {
		set_active(element);
		
		return slide_subnav(subnav,element);
	}
}

/*
 * Submenu functionaliteit
 */
function init_submenu() {
	var nav = document.getElementById('nav');

	if(Dom.getElementsByClassName("active","a",nav).length) {
		var active = Dom.getElementsByClassName("active","a",nav)[0];

		active_page = active;
		nav_active = active;
	
		if(document.getElementById("sub_"+active.rel)) {
			active_sub = document.getElementById("sub_"+active.rel);
			Dom.addClass(active_sub,"show");
		}
	}

	Event.addListener(nav,"mouseover",toggle_subnav);
}

function init() {
	init_submenu();
	
        var tabView = new YAHOO.widget.TabView('tabs');
        var tabView = new YAHOO.widget.TabView('tabs_foto');
}

/**
 * Bij onload alles laden
 */
Event.onDOMReady(init);