var Ervaring = new Array();

var Gebied;

var i = 0;
var x = 0;
var teller;
var a;
var id;

/*homepage swap scripts */
var homeDiv1;
var homeDiv2;
var homeBar1;
var homeBar2;
var homeBarAnim1;
var homeBarAnim2;
var flashContentDiv;
var divsLoaded = false;
var swapAnimateTo = 2;
var SwapAnimationTimer;
var Bar1AnimationTimer;
var Bar2AnimationTimer;
var swapOpenWidth = 973;
var ws = 0; // width swap
var wb1 = -10; // width bar 1
var wb2 = 0; // width bar 2
var bar1To = 0; // width bar 1
var bar2To = 0; // width bar 2

function initDivs()
{
	homeDiv1 = document.getElementById("home1");
	homeDiv2 = document.getElementById("home2");
	homeBarAnim1 = document.getElementById("homebar1_anim");
	homeBarAnim2 = document.getElementById("homebar2_anim");
	homeBar1 = document.getElementById("homebar1");
	homeBar2 = document.getElementById("homebar2");
	flashContentDiv = document.getElementById("flashcontent");
	if(homeDiv1 && homeDiv2 && homeBar1 && homeBar2 && homeBarAnim1 && homeBarAnim2) divsLoaded = true;

	recognizeOpdrachtgevers();
    
	homeDiv1.style.visibility = "visible";
	homeDiv2.style.visibility = "visible";
	
}

function swapDivs()
{
	
	if(divsLoaded) {
		homeBar1.style.backgroundPosition = "-10px";
		homeBar2.style.backgroundPosition = "0px";
		wb1 = -10;
		wb2 = 0;
		if(swapAnimateTo == 1) {
			swapAnimateTo = 2;
			ws = 0;
			updateSwapAnimation();
		} else {
			swapAnimateTo = 1;
			ws = 0;
			updateSwapAnimation();
		}
	}
}

function onBarOver(id)
{
	if(id == 1) {
		bar1To = 0;
		updateBar1Animation();
	} else {
		bar2To = -10;
		updateBar2Animation();
	}
}

function onBarOut(id)
{
	if(id == 1) {
		bar1To = -10;
		updateBar1Animation();
	} else {
		bar2To = 0;
		updateBar2Animation();
	}
}

function updateBar1Animation()
{
	if(Bar1AnimationTimer) clearTimeout(Bar1AnimationTimer);
	Bar1AnimationTimer = setTimeout("updateBar1Animation();", 10);

	wb1 = wb1 + 0.3 * (bar1To - wb1);
	var cw = Math.round(wb1);
	homeBar1.style.backgroundPosition = cw+"px";

	if(cw == bar1To) {
		if(Bar1AnimationTimer) clearTimeout(Bar1AnimationTimer);
	}
}

function updateBar2Animation()
{
	if(Bar2AnimationTimer) clearTimeout(Bar2AnimationTimer);
	Bar2AnimationTimer = setTimeout("updateBar2Animation();", 10);

	wb2 = wb2 + 0.3 * (bar2To - wb2);
	var cw = Math.round(wb2);
	homeBar2.style.backgroundPosition = cw+"px";

	if(cw == bar2To) {
		if(Bar2AnimationTimer) clearTimeout(Bar2AnimationTimer);
	}
}

function updateSwapAnimation()
{
	if(SwapAnimationTimer) clearTimeout(SwapAnimationTimer);
	SwapAnimationTimer = setTimeout("updateSwapAnimation();", 10);
	ws = ws + 0.2 * (swapOpenWidth - ws);

	if(swapAnimateTo == 1) {

		var cw = Math.round(swapOpenWidth-ws);

		homeDiv2.style.width = cw+"px";
		homeBarAnim1.style.left = cw+"px";

		homeBarAnim1.style.visibility = "visible";
		homeBarAnim2.style.visibility = "hidden";

		if(cw <= 0) {

			flashContentDiv.style.display = "none";
			if(SwapAnimationTimer) clearTimeout(SwapAnimationTimer);
			homeBarAnim1.style.visibility = "hidden";
		}

	} else {
		var cw = Math.round(ws);

		homeDiv2.style.width = cw+"px";
		homeBarAnim2.style.left = (cw-161)+"px";

		homeBarAnim1.style.visibility = "hidden";
		homeBarAnim2.style.visibility = "visible";
		flashContentDiv.style.display = "block";

		
		if(cw >= swapOpenWidth) {
			if(SwapAnimationTimer) clearTimeout(SwapAnimationTimer);
			homeBarAnim2.style.visibility = "hidden";
		}
	}
}

function recognizeOpdrachtgevers(){

	var urlname = document.location.toString();

	if(urlname.match('opdrachtgevers')){

		homeDiv2.style.width = '0px';
		swapAnimateTo = 1;
		//alert('in opdrachtgevers');

	}else{
        
		//alert('niet in opdrachtgevers');
	}

}
/* end homepage swap scripts */
// sollicitatieform:
function toggle(werkgebied){

	if(werkgebied.id){

		werkgebied = werkgebied.id;
	}

	var zichtbaar = 'block';
	var check = true;
	var ervaring = 'ervaring_' + werkgebied;
	var chkbox = werkgebied + "_chk";
	var overzicht = werkgebied + "_overzicht";

	var o = document.getElementById(overzicht);
	var c = document.getElementById(chkbox);
	var e = document.getElementById(ervaring);

	o.className = "functielijst";

	html_input = "<table cellpadding=\"2\" cellspacing=\"0\" border=\"0\" >";
	html_input +=" <tr><td>Functienaam</td><td colspan=\"3\"><input type=\"text\" id=\""+ werkgebied +"_ervaringfunctie\" name=\"ervaringfunctie\" value=\"\" style=\"width:262px\" class=\"sol_text\"></td></tr>";
	html_input +=" <tr><td>Aantal jaren</td><td><input type=\"text\" id=\""+ werkgebied +"_ervaringjaren\" name=\"ervaringjaren\" value=\"\" class=\"sol_text\" style=\"width:62px\"></td><td><img src=\"/images/btn_ok.gif\" onclick=\"ervaringToevoegen('"+ werkgebied +"')\"></td><td><img src=\"/images/annuleren.gif\" onclick=\"annuleerToevoegen('"+ werkgebied +"')\"></td></tr>";
	html_input +="</table>";


	if (e) {
		e.style.display = "block";
		e.innerHTML = html_input;
	}

	if (c){

		if(c.checked == true){
			e.style.display = "block";
			o.className = "functielijst";
		}else{
			e.style.display = "none";
			o.className = "functielijst_Unsel";
		}
	}
	Gebied = werkgebied.id;
}
function annuleerToevoegen(gebied){
	var Varlink = "<a id=\"" + gebied + "\" href=\"javascript:toggle('" + gebied + "')\">Voeg nog een functie toe</a>";
	var ervaring = 'ervaring_' + gebied;
	var e = document.getElementById(ervaring);
	e.innerHTML = Varlink;
}

function ervaringToevoegen(gebied){

	if (!ervaringsArray[gebied]){
		ervaringsArray[gebied] = new Array ();
	}
	var e = gebied + "_overzicht";
	var f = gebied + "_ervaringfunctie";
	var j = gebied + "_ervaringjaren";
	var h = "field_" + gebied;

	var ervaring = 'ervaring_' + gebied;
	var fOmschrijving;
	var nwHTML = "";
	var jaar;
	var ervaring;

	var functie = document.getElementById(f).value;
	var jaren = document.getElementById(j).value;
	var overzicht = document.getElementById(e);
	var e = document.getElementById(ervaring);

	var Varlink = "<a id=\"link_" + gebied + "\" href=\"javascript:toggle('" + gebied + "')\">Voeg nog een functie toe</a>";

	var ihGebied = document.getElementById( h );
	ihGebied.value = '';
	hiddenField = "";
	if(overzicht){

		var lengte;
		lengte = ervaringsArray[gebied].length;
		var arrfunctie = new Array();
		var nwFunctie = "";

		arrfunctie[lengte] = new Array();
		arrfunctie[lengte][0] = jaren;
		arrfunctie[lengte][1] = functie;

		ervaringsArray[gebied].push(arrfunctie[lengte]);
		var i = 0;

		for (fOmschrijving in ervaringsArray[gebied]){

			jaar = ervaringsArray[gebied][fOmschrijving][0];
			ervaring = ervaringsArray[gebied][fOmschrijving][1];

			nwFunctie += "<div id=\"functielijst_" + gebied + "\"><img src=\"/images/delete.gif\" onclick=\"ervaringDelete('" + gebied + "', '" + i + "')\"> " + jaar + " jaar als " + ervaring + "</div>";
			hiddenField += "[" + jaar + "|" + ervaring + "]";
			i++;
			//overzicht.innerHTML = nwHTML;
		}

		overzicht.innerHTML = nwFunctie;
		ihGebied.value = hiddenField;

	}

	document.getElementById(j).value = "";
	document.getElementById(f).value = "";
	e.innerHTML = Varlink;
}
function ervaringDelete(gebied, itemId){

	if (!ervaringsArray[gebied]){
		ervaringsArray[gebied] = new Array ();
	}

	var fOmschrijving;
	var e = gebied + "_overzicht";
	var h = "field_" + gebied;
	var overzicht = document.getElementById(e);
	var nwFunctie = "";

	var objectFunctielijst = "functielijst_" + gebied;
	
	var ihGebied = document.getElementById( h );
	ihGebied.value = '';
	hiddenField =

	arr = ervaringsArray[gebied];
	arr.splice(itemId,1);

	var lengte = ervaringsArray[gebied].length;

	if(overzicht){

		var i = 0;
		for (fOmschrijving in ervaringsArray[gebied]){

			nwFunctie += "<div id=\"functielijst_" + gebied + "\"><img src=\"/images/delete.gif\" onclick=\"ervaringDelete('" + gebied + "', '" + i + "')\"> " + ervaringsArray[gebied][fOmschrijving][0] + " jaar als " + ervaringsArray[gebied][fOmschrijving][1] + "</div>";
			hiddenField += "[" + jaar + "|" + ervaring + "]";
			i++;
			//overzicht.innerHTML = nwHTML;
		}

		overzicht.innerHTML = nwFunctie;
		ihGebied.value = hiddenField;
	}
}

function makeVisible(obj) {
	var el = document.getElementById(obj);
	if(el) el.style.display = "block";
}

function makeInvisible(obj) {
	var el = document.getElementById(obj);
	if(el) el.style.display = "none";
}

function vestiging(plaats){

	var vestigingen = new Array("contactAmsterdam", "contactGroningen", "contactApeldoorn", "contactVenlo", "contactEindhoven", "contactBreda", "contactHouten", "contactRotterdam")

	for (var v in vestigingen){
		if (document.getElementById(vestigingen[v])){
			var object = document.getElementById(vestigingen[v]).style.display;

			if(object == "block"){

				var obj = vestigingen[v];
			}
		}
	}

	makeInvisible(obj);
	makeVisible("contact"+plaats);

}

function cycle(status, carrousel_id){

	if(carrousel_id != 0){
		id = carrousel_id;
	}

	if (status == 'doorlopen' && teller != "stop"){

		//hier id oude testimonial bepalen
		var iOld = i;

		if (iOld == 0){

			iOld= 1;

		}
		p = (Number(i) + 1)

		if(!i){
			i = 2;
			x = 1;

		}
		else if (!document.getElementById('cycle'+p) ) {
			x = i;
			i = 1;
		}
		else{
			x = i;
			i++;

		}

		//try {
		document.getElementById('cycle'+i).className = 'carrousel_select';
		document.getElementById('cycle'+x).className = 'carrousel';

		document.getElementById('cycleLink'+i).className = 'carrousellink_select';
		document.getElementById('cycleLink'+x).className = 'carrousellink';

		//alert(typeof(iOld));
		makeInvisible('carrousel' + iOld);
		makeVisible('carrousel' + i);

		//} catch(e) {
		// var s = '';for(var em in e) s += e+':'+e[em]+'\n'; alert('FOUTMELDING\ni='+i+'\n'+s);
		//}
	}
	if (status == 'onderbreek'){

		//hier id oude testimonial bepalen
		var iOld = i;

		if (iOld == 0){

			iOld= 1;

		}

		//omdat cycle0 niet bestaat
		if(i==0){
			i = 1;
		}

		if(!id){

			id = 1;
		}
		// id is de balk waar de muis op staat
		// i is de laatst geselecteerde balk

		teller = "stop";

		document.getElementById('cycle'+i).className = 'carrousel';
		document.getElementById('cycle'+id).className = 'carrousel_select';

		document.getElementById('cycleLink'+i).className = 'carrousellink';
		document.getElementById('cycleLink'+id).className = 'carrousellink_select';

		makeInvisible('carrousel' + i);
		makeVisible('carrousel' + id);
	}

	if (status == 'testimonial'){

		teller = "stop";

		id = i;

	}
}

function muisuit(){

	t = 1;

	for (t=1;t<=7;t++){

		if(document.getElementById('cycle'+t)){

			document.getElementById('cycle'+t).className = 'carrousel';
			document.getElementById('cycleLink'+t).className = 'carrousellink';
		}
	}

	if(!id){

		id = 1;
	}

	document.getElementById('cycle'+id).className = 'carrousel_select';
	document.getElementById('cycleLink'+id).className = 'carrousellink_select';

	i = id;



	teller = "lopen";
}


function link(){

	element = "cycleLink" + id;
	url = document.getElementById(element);

	window.location = url;
}

function checkAfbeelding(){

	var t = document.getElementById('divlinks');
	if(t){
		if (t && t.innerHTML.replace(/^\s+|\s+$/g,'') == '') {
			t.style.visibility='hidden';
		}
		if (t.innerHTML.match('flashfiles')){
			t.style.backgroundImage="url()";
			t.style.backgroundColor = '#c6d7ec';
		}else{
			t.style.backgroundImage = "url(/images/bg_table_leftcell.gif)";
			t.style.backgroundPosition = 'bottom';
			t.style.backgroundColor = '#dae5f3';
		}
	}
}


function ul_fetch_form_fields_as_array( frm_id ) {
	// var o_frm = document.getElementById( frm_id );
	var o_frm = document.forms[frm_id];
	var r = new Array();
	for (var i=0;i<o_frm.length;i++) {
		var val;
		if (o_frm.elements[i].name!='') {
			switch(o_frm.elements[i].type) {

				case 'radio' :
				case 'checkbox' :
				if (o_frm.elements[i].checked) {
					val = o_frm.elements[i].value
					r[o_frm.elements[i].name] = /*o_frm.elements[i].type+':'+*/val;
				}
				break;

				default :
				val = o_frm.elements[i].value;
				r[o_frm.elements[i].name] = /*o_frm.elements[i].type+':'+*/val;
			}
		}

	}
	return r;
}

function ul_disable_form(formname)
{
	var formfields = new Array();
	var cf = document.forms[formname];
	var num = cf.elements.length;
	for (var i=0;i<num;i++)
	{
		cf.elements[i].disabled=true;
	}
}
function ul_check_form(formname)
{
	var formfields = ul_fetch_form_fields_as_array( formname );
	// alert (formfields['zoekbaan']);
	xajax_xsubmit_form(formname, formfields);
}

function getCookie( name ) {
	var start = document.cookie.indexOf( name + "=" );
	var len = start + name.length + 1;
	if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) ) {
		return null;
	}
	if ( start == -1 ) return null;
	var end = document.cookie.indexOf( ';', len );
	if ( end == -1 ) end = document.cookie.length;
	var result = unescape( document.cookie.substring( len, end ) );
	return result.replace(/\+/g,' ');
}

function setCookie( name, value, expires, path, domain, secure ) {
	var today = new Date();
	today.setTime( today.getTime() );
	if ( expires ) {
		expires = expires * 1000 * 60 * 60 * 24;
	}
	var expires_date = new Date( today.getTime() + (expires) );
	document.cookie = name+'='+escape( value ) +
	( ( expires ) ? ';expires='+expires_date.toGMTString() : '' ) + //expires.toGMTString()
	( ( path ) ? ';path=' + path : '' ) +
	( ( domain ) ? ';domain=' + domain : '' ) +
	( ( secure ) ? ';secure' : '' );
}

function deleteCookie( name, path, domain ) {
	if ( getCookie( name ) ) document.cookie = name + '=' +
	( ( path ) ? ';path=' + path : '') +
	( ( domain ) ? ';domain=' + domain : '' ) +
	';expires=Thu, 01-Jan-1970 00:00:01 GMT';
}


function debug_form_values(formid) {

	var s = '';
	var f = ul_fetch_form_fields_as_array(formid);
	for(var fl in f ) {
		s += fl + '='+ f[fl] + '\n';
	}
	alert(s);

}


function do_search(formname) {
	var frm = document.getElementById(formname);
	if (frm) {
		var q = frm['query'].value;
		if (q != '') {
			frm.submit();
		} else {
			frm['query'].focus();
		}
	}
}

function ul_updatevraagklachtform() {
	var frm = document.getElementById('vragenenklachten_form');
	if (frm) {
		 if( document.getElementById('skvraag').checked ) {
		 	document.getElementById('vraag01').style.display = 'block';
		 	document.getElementById('vraag02').style.display = 'block';
		 	document.getElementById('vraag03').style.display = 'block';
		 	document.getElementById('klacht01').style.display = 'none';
		 	document.getElementById('klacht02').style.display = 'none';
		 	document.getElementById('klacht03').style.display = 'none';
		 	document.getElementById('klacht04').style.display = 'none';
		 	document.getElementById('klacht05').style.display = 'none';
		 	document.getElementById('klacht06').style.display = 'none';
		 	document.getElementById('klacht07').style.display = 'block';
		 }
		 if( document.getElementById('skklacht').checked ) {
		 	document.getElementById('vraag01').style.display = 'none';
		 	document.getElementById('vraag02').style.display = 'none';
		 	document.getElementById('vraag03').style.display = 'none';
		 	document.getElementById('klacht01').style.display = 'block';
		 	document.getElementById('klacht02').style.display = 'block';
		 	document.getElementById('klacht03').style.display = 'block';
		 	if( document.getElementById('skcons').checked ) {
		 		document.getElementById('klacht04').style.display = 'block';
		 		document.getElementById('klacht05').style.display = 'none';
		 	} else if( document.getElementById('skopdr').checked ) {
		 		document.getElementById('klacht04').style.display = 'none';
		 		document.getElementById('klacht05').style.display = 'block';
		 	}
		 	document.getElementById('klacht06').style.display = 'block';
		 	document.getElementById('klacht07').style.display = 'block';
		 }
	}
}