$(document).ready(function() 
{
	$("a.iframe").fancybox(
	{
		'frameWidth': 600,
		'frameHeight': 550,
		'padding': 0,
		'imageScale': true,
		'zoomSpeedIn': 2500, 
		'zoomSpeedOut': 2500,
		'zoomOpacity': false, 
		'overlayShow': true,
		'easingIn': 2500, 
		'easingOut': 2500,
		'hideOnContentClick': true

	}
	);			   

	/* 	Accordion
	*
	*  	initialisatie van accordion met panel 3 geopend (crossfade)
	*	Daarna wordt de gehele accordion gedisabled en kan men alleen nog op de linkjes klikken
	*
	*/
	
	$("#accordion").accordion({  header: "div.h3",  navigation:true, animated: "bounceslide"});
	$("#accordion").accordion("activate", 3);
	$("#accordion").accordion( 'disable' )
	
	/* 	Tabbed panels
	*
	*  	Initialisatie van de 3 tabs kan natuurlijk meer worden
	*
	*/
	
	$('#tabs1').tabs();
	$('#tabs2').tabs();
	$('#tabs3').tabs();
	
	
	/* 	Crosslide
	*
	*  idem
	*
	*/
	$('#crossfade').crossSlide(
	{
		sleep: 4,
		fade: 2
		}, [
		  { src: 'img/img1.jpg' },
		  { src: 'img/img2.jpg' },
		  { src: 'img/img3.jpg' },
		  { src: 'img/img4.jpg' },
		  { src: 'img/img5.jpg' },
		  { src: 'img/img6.jpg' },
		  { src: 'img/img7.jpg' },
		  { src: 'img/img9.jpg' }
		]);
	
	var bgColor;
	
	$(".vaclist_container li").hover
	(
		function () 
		{
			bgColor = $(this).css("background-color");
			
			$(this).css("background-color", "#FFFFFF");
		}, 
		function () 
		{
			//alert(bgColor);
			//$(this).css("background-color", "#e3dacf");
			$(this).css("background-color", bgColor)
		}
    );	
	
	
	$("#accordion").find("div.subh3").children().css("display", "inline");
	$("#accordion").find("div.subh3").children().css("visibility", "visible");
	
	$("#accordion").find("span.kop").css("display", "inline");
	$("#accordion").find("span.kop").css("visibility", "visible");
	
	$("#accordion").find("#vacatures-container").css("display", "inline");
	$("#accordion").find("#vacatures-container").css("visibility", "visible");
	
});
	

/* openpaneltab
* 
*	Fuctie om panels en tabs te open
*	1. De functie start met het enabelen van de accordion 
*	2. Activeer de gewenste accordion panel
*	3. Laat de juiste tab zien
*	4. Disable de accordion weer
*	
*/
	
function openPanelTab(panel, tab, id, vac_id){
			var vac_id;
			setActiveState(id);
			
			//bij het inladen van de pagina staan alle content divs op display:hidden en visibility: hidden
			//bij het openklikken van de tab worden ze weer zichtbaar
			$("#accordion").find("#tabs"+panel).children().css("display", "none");
			$("#accordion").find("#tabs"+panel).children().css("visibility", "hidden");
			
			$("#accordion").find("#tabs"+panel+"-"+tab).css("display", "block");
			$("#accordion").find("#tabs"+panel+"-"+tab).css("visibility", "visible");
			
			
	/*1*/	$("#accordion").accordion( 'enable' );
	/*2*/	$("#accordion").accordion("activate", panel - 1); 
	/*3*/	$("#tabs"+panel).tabs('option', 'selected', tab - 1);
	/*4*/	$("#accordion").accordion( 'disable' );
	
			// Het linkje in de open gemaakte panel een background kleur meegeven
			$("#1"+id).css("background", "#1A191A");
			$("#2"+id).css("background", "#FFDB7E");
			$("#3"+id).css("background", "#FFAC88");
			
			 
			$("#balk"+panel).css("background", "#ffffff");
			$("#"+id).css("color","#ffffff" ); 
			//$("#"+id).css("border-right","1px solid #322939" ); 

			
	}
function setActiveState(id){
		if (id < 19)
		{
			var i = 10;
			var y = 19;

			for (i=1;i<=40;i++)
			{
				if(i == id)
				{
					$("#"+i).css("background", "#584E4D"); 
					$("#"+i).css("color","#ffffff" ); 
					//$("#"+i).css("border-right","1px solid #322939" ); 
				}	
				else 
				{
					$("#"+i).css("background", "#fff"); 
					$("#"+i).css("color","#322939" ); 
					//$("#"+i).css("border-right","1px solid #322939" ); 
				}			
			}
		} else {
			var i = 10;
			var y = 19;

			// Als er geswitch wordt tussen balken, dan de goede kleur terugzetten:
			$("#balk1").css("background", "#584E4D"); 
			
			for (i;i<=y;i++)
			{
				$("#"+i).css("background", "#584E4D"); 
				$("#"+i).css("color","#FFFFFF" ); 	
				
				// edit jordy
				//$("#"+i).css("border-right","1px solid #ffffff" ); 
				$("#11").css("border-right","1px solid #ffffff" ); 
			}	
		}
		
		
		if (id < 29 && id > 20)
		{
			var i = 20;
			var y = 29;
			
			

			for (i=i;i<=y;i++)
			{
				if(i == id)
				{
				
					if(id == 21)
					{
						$("#"+i).css("background", "#AFD890"); 
						//$("#"+i).css("border-right","1px solid #AFD890" ); 
						$("#22").css("border-left","0px solid #322939" ); 
						$("#22").css("border-right","1px solid #322939" ); 
					}
					else if(id == 22)
					{
						$("#"+i).css("background", "#FFDB7E"); 	
						//$("#"+i).css("border-right","1px solid #FACE52" ); 
						$("#22").css("border-left","0px solid #322939" ); 
						$("#22").css("border-right","0px solid #322939" ); 
					}
					else if(id = 23)
					{
						$("#"+i).css("background", "#FFAC88"); 	
						//$("#"+i).css("border-right","1px solid #FA593E" ); 
						$("#22").css("border-left","1px solid #322939" ); 
						$("#22").css("border-right","0px solid #322939" ); 
					}
					$("#"+i).css("color","#ffffff" ); 
				}	
				else 
				{
					$("#"+i).css("background", "#fff"); 
					$("#"+i).css("color","#322939" ); 
					//$("#"+i).css("border-right","1px solid #322939" ); 
					//$("#22").css("border-left","0px solid #322939" );
					//$("#"+i).css("border-right","0px solid #ffffff" ); 
					$("#23").css("border-right","0px solid #ffffff" );	
				}			
			}
		} else {
			var i = 20;
			var y = 29;

			// Als er geswitch wordt tussen balken, dan de goede kleur terugzetten:
			$("#balk2").css("background", "#204658"); 
			
			for (i;i<=y;i++)
			{
				$("#"+i).css("background", "#204658"); 
				$("#"+i).css("color","#FFFFFF" ); 
				
				// edit jordy
				//$("#"+i).css("border-right","1px solid #ffffff" );
				
				$("#21, #22").css("border-right","1px solid #ffffff" );
					
				 
			}	
		} 	
		if (id < 39 && id > 30)
		{
			var i = 30;
			var y = 39;
			

			for (i=i;i<=y;i++)
			{
				if(i == id){
				 
				$("#"+i).css("background", "#1A191A"); 
					//$("#"+i).css("border-right","1px solid #ffffff" ); 
					
				$("#"+i).css("color","#ffffff" ); 
				}	else {
				$("#"+i).css("background", "#fff"); 
				$("#"+i).css("color","#322939" ); 
					//$("#31").css("border-right","1px solid #322939" ); 
					
				
				}			
			}
		} else {
			var i = 30;
			var y = 39;
			
			// Als er geswitch wordt tussen balken, dan de goede kleur terugzetten:
			$("#balk3").css("background", "#1A191A");

			for (i;i<=y;i++)
			{
		
				$("#"+i).css("background", "#1A191A"); 
				$("#"+i).css("color","#FFFFFF" ); 
				
				// edit jordy
				// $("#"+i).css("border-right","1px solid #ffffff" ); 
				//$("#31").css("border-right","1px solid #ffffff" ); 				
			}	
		} 
}
	
function hoverPanel(id)
{
	$("#"+id).css("background", "#ffffff"); 
	$("#"+id).css("color","#322939" ); 	
}	
				
function resetAll()
{
	$("#accordion").accordion( 'enable' )
	$("#accordion").accordion("activate", 3);
	
			for (i=1;i<=40;i++)
			{
				$("#"+i).css("background", "none"); 
				$("#"+i).css("color","#FFFFFF" ); 
				
				// edit jordy
				//$("#"+i).css("border-right","1px solid #FFFFFF" ); 
				$("#11, #21, #22").css("border-right","1px solid #FFFFFF");
				
				// Kleuren van de balken terug zetten
				$("#balk1").css("background", "#1A191A"); 
				$("#balk2").css("background", "#204658"); 
				$("#balk3").css("background", "#584E4D"); 				
			}	
	
	$("#accordion").accordion( 'disable' )
}				


/* XMLHTTPrequest naar PHP bestanden */
var xmlhttp
function showNieuws(str,url)
{
	update_div = 'news_item';
	
	if(str.length == 0)
	{
  		document.getElementById(update_div).innerHTML="";
  		return;
  	}
	
	xmlhttp=GetXmlHttpObject();

	if(xmlhttp == null) 
	{
  		alert ("Your browser does not support XMLHTTP!");
  		return;
  	}

	//var url="inc/naam.php";
	url=url+"?id="+str;
	//url=url+"&sid="+Math.random();
	xmlhttp.onreadystatechange=stateChanged;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}

function showVac(str,url,vac_status){
	
	if(vac_status == 'open'){
		
		update_div = 'vac_content_open';
	} if(vac_status == 'inbehandeling'){
		update_div = 'vac_content_inbehandeling';
	} if(vac_status == 'afgerond'){
		update_div = 'vac_content_afgerond';
	}
	if(str.length == 0){
  		document.getElementById(update_div).innerHTML="";
  		return;
  	}
	
	xmlhttp=GetXmlHttpObject();

	if(xmlhttp == null) {
  		alert ("Your browser does not support XMLHTTP!");
  		return;
  	}

	//var url="inc/naam.php";
	url=url+"?id="+str;
	//url=url+"&sid="+Math.random();

	xmlhttp.onreadystatechange=stateChanged;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}

function stateChanged() {
	if(xmlhttp.readyState == 4) {
  		document.getElementById(update_div).innerHTML=xmlhttp.responseText;
		$(document).ready(function() {
		$("a.iframe").fancybox({
			'frameWidth': 600,
			'frameHeight': 550,
			'padding':						0,
		'imageScale':					true,
		'zoomSpeedIn':				2500, 
		'zoomSpeedOut':			2500,
		'zoomOpacity':				false, 
		'overlayShow':				true,
		'easingIn': 2500, 
		'easingOut': 2500,
		
		'hideOnContentClick': 	true

		});
								   });
  	}
}

function GetXmlHttpObject() {	
	if(window.XMLHttpRequest){  	
		// code for IE7+, Firefox, Chrome, Opera, Safari
  		return new XMLHttpRequest();
  	}
	
	if (window.ActiveXObject){
  		// code for IE6, IE5
  		return new ActiveXObject("Microsoft.XMLHTTP");
  	}
	
	return null;
}




var laatste;
function changeClass(object){
 	if (typeof(object) == 'string') object = document.getElementById(object);
	
 	if (laatste) laatste.className='link';
	
 	object.className='selected';
	
 	laatste = object;
}