function toggleBg(obj, type) {
if(type=='ken-jezelf') {
	//alert(obj.style.background);
	if(obj.style.background=="" || obj.style.background=="none") {
		obj.style.background="transparent url(/soltools/images/gui/opgave-hover.png) left repeat-y;";
		}
		else {
			obj.style.backgroundImage="none";		
		}
	}
}

function switchObj(offObjId, onObjId) {
	onObj = document.getElementById(onObjId);
	offObj = document.getElementById(offObjId);
	
	onObj.style.display='inline';
	offObj.style.display='none';
}

 function vragenNav(vraagNum, categorie, subitem) {
		document.getElementById('vraagLoader').style.display = 'inline';

		var pars = 'vraagnum='+vraagNum+'&categorie='+categorie+'&subitem='+subitem;
		var myAjax = new Ajax.Updater('vragenContainer', '/sollicitatietools/voorbeeldvragen-result.html', {	method: 'get',	parameters: pars});
	} 
	
	function saveVraag(vraagId, obj, saveAction, recordId, host) {
		mirrorObj = document.getElementById(obj.name+'-mirror');

		if(mirrorObj.value!=obj.value) { // alleen als er veranderingen zijn
			var pars='';
			if(saveAction=='update') {
				pars = 'action=update&host='+host+'&type=soltools&i'+recordId+'_Data='+escape(obj.value)+'&i'+recordId+'_Updated=on&resultpage=blank.html';
			}
			else {
				pars = 'action=insert&host='+host+'&type=soltools&name=voorbeeldVraag-'+vraagId+'&data='+escape(obj.value)+'&resultpage=blank.html';
			}
			var myAjax = new Ajax.Updater('vraagSaver', '/userdata.qsp', {	method: 'get',	parameters: pars});
		}
	}



/*start: figuurklassen*/
  var imgArr; 
  var firstSelected ='';
  var secondSelected ='';

  function toggleSelection(obj) {
    //ImgArr  = document.getElementById('antwoordBar').getElementsByTagName('img');
    imgArr  = document.getElementById('antwoordBar').getElementsByTagName('div');
    var selectedClass = 'selected';
    var unSelectedClass = 'unSelected';


    unSelectedArr  = [];
    selectedArr  = [];
    //het totale aantal niet geselecteerden opzoeken
    for(i=0; i < imgArr.length; i++) {
			if(imgArr[i].className!='selected') {
				unSelectedArr.length++;
      }
      else {
				selectedArr.length++;
      }
    }
    
    // staan we zelf nog niet aan?
    if(obj.className!='selected') {

					//is er verder ook nog niets geselecteerd?
					if(selectedArr.length == 0) {
						obj.className = selectedClass;
						firstSelected = obj;
					} 
					//is er wel al iets geselecteerd?
					else {
						//hoeveel dan? eentje?
						if(selectedArr.length==1) {
							obj.className = selectedClass;
							secondSelected = obj;
						}
						// twee?
						else if(selectedArr.length==2) {
							secondSelected.className =  unSelectedClass;
							obj.className = selectedClass;
							secondSelected = obj;
						}
					}

    }
    //staan we zelf wel aan?
    else {

						obj.className= unSelectedClass;
						//waren we de enige?
						if(selectedArr.length==1) {
							firstSelected = '';
							secondSelected = '';
						}
						// staat er nog eentje aan?
						else {
							firstSelected = secondSelected;
							secondSelected = '';
						}
					}
  }

	      function prepareForSend(vraagId) {
        alerter = document.getElementById('volgendeAlert');
        if(firstSelected!='' && secondSelected!='') {
					var antwoord = '';
					//kleinste eerst
					if (firstSelected.id < secondSelected.id) {
						antwoord = 	firstSelected.id + ''+ secondSelected.id;
					} else {
						antwoord = 	secondSelected.id + ''+ firstSelected.id;
					}
          firstSelected ='';
          secondSelected ='';
          sendAntwoordThroughAjax(vraagId, antwoord);

        }
        else {
          alerter.style.display='inline';
        
        }
      }
	/*end: figuurklassen*/


 

 function maxChars(obj) {
 var newValue;
 var limit = 200;
  if(obj.value.length > limit){
    newValue = obj.value.substring(0,limit + 1);
    obj.value = newValue;
    document.getElementById('divMaxChars').style.display = 'inline';
  }
  else {
    document.getElementById('divMaxChars').style.display = 'none';
  }
 }