function init_klantenservice() 
{
	
	// haal alle tabs op
	var kl = document.getElementById("klantenservice");
	var ul = kl.getElementsByTagName("ul")[0];
	
	// kijk of er li's aanwezig zijn op de pagina
	if(!kl) return;
	
	var kl_u = kl.getElementsByTagName("li");
	
	// loop door de li's en zet animatie erop
	for(var i = 0; i < kl_u.length; i++) {
		if(kl_u[i].parentNode == ul)
		{
			//div = kl_u[i].getElementsByTagName('div');
			div = yDom.getElementsByClassName('bg','div',kl_u[i]);
			if (!div) div = yDom.getElementsByClassName('bg2','div',kl_u[i]);
			
			if (div) {
				a = kl_u[i].getElementsByTagName('a');
				
				kl_u[i].uitklap = (!yDom.hasClass(kl_u[i], "expanded")) ? false : true;
				if (a) {							
					var animate = function(e, li) {	
						if(this.href.indexOf("#") > -1)
						{
							if(e != null)
								yEvent.preventDefault(e);

							var div = li.getElementsByTagName('div');
							var size = yRegion.getRegion(div[0]);
							//alert(this.parentNode.offsetHeight);	
							if (li.uitklap == false) { var height = this.oldHeight; li.uitklap = true; yDom.addClass(this, "selected"); }
							else { var height = 32; this.oldHeight = this.parentNode.offsetHeight; li.uitklap = false; yDom.removeClass(this, "selected"); }
							 
							var anim = new yAnim(li, {height: {to: height}}, animationSpeed, YAHOO.util.Easing.easeOut);
							anim.animate();
	
							return false;
						}
					};
					
					yEvent.addListener(a[0], "click", animate, kl_u[i]);
				}
						
			}
		}
	}
}

YAHOO.util.Event.onDOMReady(init_klantenservice);

YAHOO.namespace("example.calendar");

function showCalendar(){
	var obj = document.getElementById("cal1Container");	
	var obj2 = document.getElementById("block");
	if(obj.style.display == "block"){
		obj.style.display = "none";
		//obj2.style.display = "block";
	}else{
		obj.style.display = "block";
		//obj2.style.display = "none";
		
	}
	//alert(obj2.offsetheight);
	//contentElement.offsetheight
}

YAHOO.example.calendar.init = function() {

	function handleSelect(type,args,obj) {
		var dates = args[0]; 
		var date = dates[0];
		var year = date[0], month = date[1], day = date[2];
		
		var txtDate1 = document.getElementById("date1");
		txtDate1.value = day + "/" + month + "/" + year;
		
		var obj = document.getElementById("cal1Container");
		obj.style.display = "none";
		
	}

	function updateCal() {
		var txtDate1 = document.getElementById("date1");

		if (txtDate1.value != "") {
			YAHOO.example.calendar.cal1.select(txtDate1.value);
			var selectedDates = YAHOO.example.calendar.cal1.getSelectedDates();
			if (selectedDates.length > 0) {
				var firstDate = selectedDates[0];
				YAHOO.example.calendar.cal1.cfg.setProperty("pagedate", (firstDate.getMonth()+1) + "/" + firstDate.getFullYear());
				YAHOO.example.calendar.cal1.render();
			} else {
				alert("Cannot select a date before 1/1/2006 or after 12/31/2060");
			}
			
		}
	}

	// For this example page, stop the Form from being submitted, and update the cal instead
	function handleSubmit(e) {
		updateCal();
		YAHOO.util.Event.preventDefault(e);
	
	}
	
	YAHOO.example.calendar.cal1 = new YAHOO.widget.Calendar("cal1","cal1Container", 
																{ mindate:"1/1/2006",
																  maxdate:"12/31/2060" });
	YAHOO.example.calendar.cal1.selectEvent.subscribe(handleSelect, YAHOO.example.calendar.cal1, true);
	YAHOO.example.calendar.cal1.render();

	YAHOO.util.Event.addListener("update", "click", updateCal);
	YAHOO.util.Event.addListener("dates", "submit", handleSubmit);
}


//CALENDER
YAHOO.util.Event.onDOMReady(YAHOO.example.calendar.init);