function strstr (haystack, needle, bool) {
    var pos = 0;
    haystack += '';
    pos = haystack.indexOf(needle);
    if (pos == -1) {
        return false;
    } else {
        if (bool) {
            return haystack.substr(0, pos);
        } else {
            return haystack.slice(pos);
        }
    }
}

function edit_beschikbareaccomodatie(organisatieid, beschikid){
	
	openlightbox();
	
	var httpObj = ajaxFunction();
	var query = "bookajax.php?qrnd=" + Math.random() + '&action=edit_beschikbareaccomodatie' + '&beschikid=' + beschikid + '&organisatieid=' + organisatieid;
	httpObj.open("GET",query, true);
	httpObj.send(null);
	httpObj.onreadystatechange = function(){
		if(httpObj.readyState == 4){
			document.getElementById('blackbox').innerHTML = httpObj.responseText;
			calendar();
			
		}
	}
}
function remove_beschikbareaccomodatie(organisatieid, beschikid){
	
	var httpObj = ajaxFunction();
	var query = "bookajax.php?qrnd=" + Math.random() + '&action=remove_beschikbareaccomodatie' + '&beschikid=' + beschikid;
	httpObj.open("GET",query, true);
	httpObj.send(null);
	httpObj.onreadystatechange = function(){
		if(httpObj.readyState == 4){
			beschikbareaccomodatie(organisatieid);
		}
	}


}
function save_beschikbareaccomodatie(organisatieid, beschikid){
	if(document.getElementById('accomodatieid')){
		var accomodatieid = document.getElementById('accomodatieid').value;
	}if(document.getElementById('startdatum')){
		var startdatum = document.getElementById('startdatum').value;
	}if(document.getElementById('einddatum')){
		var einddatum = document.getElementById('einddatum').value;
	}if(document.getElementById('starthour')){
		var starthour = document.getElementById('starthour').value;
	}if(document.getElementById('startmin')){
		var startmin = document.getElementById('startmin').value;
	}if(document.getElementById('endhour')){
		var endhour = document.getElementById('endhour').value;
	}if(document.getElementById('endmin')){
		var endmin = document.getElementById('endmin').value;
	}if(document.getElementById('maxbookings')){
		var maxbookings = document.getElementById('maxbookings').value;
	}if(document.getElementById('maxbookedhours')){
		var maxbookedhours = document.getElementById('maxbookedhours').value;
	}if(document.getElementById('cancelreservation')){
		var cancelreservation = document.getElementById('cancelreservation').value;
	}if(document.getElementById('sendconfirmation') && document.getElementById('sendconfirmation').checked==true){
		var sendconfirmation = '1';
	}else{
		var sendconfirmation = '0';
	}if(document.getElementById('sendafterapproval') && document.getElementById('sendafterapproval').checked==true){
		var sendafterapproval = '1';
	}else{
		var sendafterapproval = '0';
	}if(document.getElementById('approvalneeded').checked==true){
		var approval = '1';
	}else{
		var approval= '0';
	}

	var confirm =[];
	var approve =[]; 
	for(i=0;i<10;i++){
		box1 = 'confirmmessage' + i;
		box2 = 'confirmmessage' + i;
		if(document.getElementById(box1)){
			confirm[i] = tinyMCE.get(box1).getContent();
		}
		if(document.getElementById(box2)){
			approve[i] = tinyMCE.get(box2).getContent();
		}
	}
	
	var confirmmessage = confirm.join('{BREAK_LANGUAGE}'); 
	var approvemessage = approve.join('{BREAK_LANGUAGE}'); 
	
	confirmmessage = encodeURIComponent(confirmmessage);
	approvemessage = encodeURIComponent(approvemessage);

	var dag='';
	if(document.getElementById('dag1').checked == true){
		dag = dag + '1,';
	}if(document.getElementById('dag2').checked == true){
		dag = dag + '2,';
	}if(document.getElementById('dag3').checked == true){
		dag = dag + '3,';
	}if(document.getElementById('dag4').checked == true){
		dag = dag + '4,';
	}if(document.getElementById('dag5').checked == true){
		dag = dag + '5,';
	}if(document.getElementById('dag6').checked == true){
		dag = dag + '6,';
	}if(document.getElementById('dag7').checked == true){
		dag = dag + '7';
	}
	
	var url = "bookajax.php?qrnd=" + Math.random() + '&action=save_beschikbareaccomodatie' + '&beschikid=' + beschikid;
	var params = "qrnd=" + Math.random() + '&organisatieid=' + organisatieid +  '&accomodatieid=' + accomodatieid + '&startdatum=' + startdatum + '&einddatum=' + einddatum + '&starthour=' + starthour + '&startmin=' + startmin + '&endhour=' + endhour + '&endmin=' + endmin + '&dag=' + dag + '&approval=' + approval ;
		
	var httpObj = ajaxFunction();
	httpObj.open("POST",url, true);
	httpObj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	httpObj.setRequestHeader("Content-length", params.length);
	httpObj.setRequestHeader("Connection", "close");	
	httpObj.onreadystatechange = function() {
	if(httpObj.readyState == 4 && httpObj.status == 200) {
			closelightbox();
			beschikbareaccomodatie(organisatieid);
		}
	}
	httpObj.send(params);
}
function save_reservationsettings(organisatieid){
	document.getElementById('opslaan').style.display= '';
	document.getElementById('saved').style.display= 'none';	
	if(document.getElementById('maxbookings')){
		var maxbookings = document.getElementById('maxbookings').value;
	}if(document.getElementById('maxfuturebookings')){
		var maxfuturebookings = document.getElementById('maxfuturebookings').value;
	}if(document.getElementById('maxbookedhours')){
		var maxbookedhours = document.getElementById('maxbookedhours').value;
	}if(document.getElementById('maxfuturebookedhours')){
		var maxfuturebookedhours = document.getElementById('maxfuturebookedhours').value;
	}if(document.getElementById('cancelreservation')){
		var cancelreservation = document.getElementById('cancelreservation').value;
	}if(document.getElementById('sendconfirmation').checked==true){
		var sendconfirmation = '1';
	}else{
		var sendconfirmation = '0';
	}if(document.getElementById('sendafterapproval').checked==true){
		var sendafterapproval = '1';
	}else{
		var sendafterapproval = '0';
	}
	var confirm =[];
	var approve =[]; 

	for(i=0;i<10;i++){
		box1 = 'confirmmessage' + i;
		box2 = 'approvemessage' + i;
		if(document.getElementById(box1)){
			confirm[i] = tinyMCE.get(box1).getContent();
		}
		if(document.getElementById(box2)){
			approve[i] = tinyMCE.get(box2).getContent();
		}
	}

	var confirmmessage = confirm.join('{BREAK_LANGUAGE}'); 
	var approvemessage = approve.join('{BREAK_LANGUAGE}'); 
	
	confirmmessage = encodeURIComponent(confirmmessage);
	approvemessage = encodeURIComponent(approvemessage);
	
	var url = "bookajax.php?qrnd=" + Math.random() + '&action=save_reservationsettings';
	var params = "qrnd=" + Math.random() + '&organisatieid=' + organisatieid +   '&maxbookings=' + maxbookings +'&maxfuturebookings=' + maxfuturebookings + '&maxbookedhours=' + maxbookedhours + '&maxfuturebookedhours=' + maxfuturebookedhours + '&cancelreservation=' + cancelreservation + '&sendconfirmation=' + sendconfirmation + '&sendafterapproval=' + sendafterapproval + '&confirmmessage=' + confirmmessage + '&approvemessage=' + approvemessage ;
	
	var httpObj = ajaxFunction();
	httpObj.open("POST",url, true);
	httpObj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	httpObj.setRequestHeader("Content-length", params.length);
	httpObj.setRequestHeader("Connection", "close");	
	httpObj.onreadystatechange = function() {
	if(httpObj.readyState == 4 && httpObj.status == 200) {
			document.getElementById('opslaan').style.display= 'none';
			document.getElementById('saved' ).style.display= '';
			fade_out('saved');			
		}
	}
	httpObj.send(params);
}

function setshowup_reservatie(organisatieid,reservatieid){
	document.getElementById('opslaan' + reservatieid).style.display= '';
	document.getElementById('saved'  + reservatieid).style.display= 'none';	
	var check = 'notshowedup' + reservatieid;
	if(document.getElementById(check).checked == true){
		var waarde = '1';
	}else{
		var waarde = '0';
	}
	var httpObj = ajaxFunction();
	var query = "bookajax.php?qrnd=" + Math.random() + '&action=setshowup_reservatie' + '&organisatieid=' + organisatieid  + '&waarde=' + waarde + '&reservatieid=' + reservatieid;
	httpObj.open("GET",query, true);
	httpObj.send(null);
	httpObj.onreadystatechange = function()
	{
		if(httpObj.readyState == 4)
		{
			document.getElementById('opslaan' + reservatieid).style.display= 'none';
			document.getElementById('saved'  + reservatieid).style.display= '';
			fade_out('saved' + reservatieid);
		}
	}
}

function approve_reservatie(organisatieid,reservatieid){
	document.getElementById('opslaan' + reservatieid).style.display= '';
	document.getElementById('saved'  + reservatieid).style.display= 'none';	
	var check = 'approved' + reservatieid;
	if(document.getElementById(check).checked == true){
		var waarde = '1';
	}else{
		var waarde = '0';
	}
	var httpObj = ajaxFunction();
	var query = "bookajax.php?qrnd=" + Math.random() + '&action=approve_reservatie' + '&organisatieid=' + organisatieid  + '&waarde=' + waarde + '&reservatieid=' + reservatieid;
	httpObj.open("GET",query, true);
	httpObj.send(null);
	httpObj.onreadystatechange = function()
	{
		if(httpObj.readyState == 4)
		{
			document.getElementById('opslaan' + reservatieid).style.display= 'none';
			document.getElementById('saved'  + reservatieid).style.display= '';
			fade_out('saved' + reservatieid);
			searchreservations();
		}
	}
}

function remove_person_present(accountid){
	var personspresent = document.getElementById('personspresent').value;	
	var zoek1 = ';' + accountid;
	var zoek2 = accountid + ';' ;
	if(strstr(personspresent,zoek1)){
		document.getElementById('personspresent').value = personspresent.replace(zoek1, '');
	}else if(strstr(personspresent,zoek2)){
		document.getElementById('personspresent').value = personspresent.replace(zoek2, '');
	}else if(strstr(personspresent,accountid)){
		document.getElementById('personspresent').value = personspresent.replace(accountid, '');
	}	
	show_person_present();
}

function add_person_present(accountid){

	var personspresent = document.getElementById('personspresent').value;	
	
	if(!strstr(personspresent,accountid))
	{
		if(personspresent.length == 0){
			document.getElementById('personspresent').value = accountid;
		}else{
			document.getElementById('personspresent').value = personspresent + ';' + accountid;
		}
		document.getElementById('ppselect').value='';
	}
	show_person_present();
}
function show_person_present(){

	var personspresent = document.getElementById('personspresent').value;	
	
	var httpObj = ajaxFunction();
	var query = "bookajax.php?qrnd=" + Math.random() + '&action=show_person_present' + '&personspresent=' + personspresent;
	httpObj.open("GET",query, true);
	httpObj.send(null);
	httpObj.onreadystatechange = function()
	{
		if(httpObj.readyState == 4)
		{
			document.getElementById('presentcontainer').innerHTML = httpObj.responseText;	
		}
	}
}
function beschikbareaccomodatie(organisatieid)
{
	var httpObj = ajaxFunction();
	var query = "bookajax.php?qrnd=" + Math.random() + '&action=beschikbareaccomodatie' + '&organisatieid=' + organisatieid;
	httpObj.open("GET",query, true);
	httpObj.send(null);
	httpObj.onreadystatechange = function()
	{
		if(httpObj.readyState == 4)
		{
			document.getElementById('availableaccomodation').innerHTML = httpObj.responseText;	
		}
	}

}

function searchreservations()
{
	check_acces();
	
	var startdatum ='';
	var einddatum ='';
	var searchaccomodatieid ='';
	var searchaccountid ='';
	var searchdescription ='';
	var searchpp ='';
	
	if(document.getElementById('startdatum')){
		startdatum = document.getElementById('startdatum').value;
	}if(document.getElementById('einddatum')){
		einddatum = document.getElementById('einddatum').value;
	}if(document.getElementById('searchaccomodatieid')){
		searchaccomodatieid = document.getElementById('searchaccomodatieid').value;
	}if(document.getElementById('searchaccountid')){
		searchaccountid = document.getElementById('searchaccountid').value;
	}if(document.getElementById('searchdescription')){
		searchdescription = document.getElementById('searchdescription').value;
	}if(document.getElementById('searchpp')){
		searchpp = document.getElementById('searchpp').value;
	}
	var httpObj = ajaxFunction();
	var query = "bookajax.php?qrnd=" + Math.random() + '&action=searchreservations' + '&startdatum=' + startdatum + '&einddatum=' + einddatum + '&searchaccomodationid=' + searchaccomodatieid + '&searchaccountid=' + searchaccountid + '&searchdescription=' + searchdescription + '&searchpp=' + searchpp;
	httpObj.open("GET",query, true);
	httpObj.send(null);
	httpObj.onreadystatechange = function()
	{
		if(httpObj.readyState == 4)
		{
			document.getElementById('reservations').innerHTML = httpObj.responseText;	
		}
	}
}


function check_restrictions(organisatieid){

	var schemadatum;
	var startuur;
	var startmin;
	var einduur;
	var eindmin;

	document.getElementById('savebutton').style.display='none';
	document.getElementById('notok3').style.display='none';
	document.getElementById('loading').style.display='';

	if(document.getElementById('schemadatum')){
		schemadatum = document.getElementById('schemadatum').value;
	}if(document.getElementById('startuur')){
		startuur = document.getElementById('startuur').value;
	}if(document.getElementById('startmin')){
		startmin = document.getElementById('startmin').value;
	}if(document.getElementById('einduur')){
		einduur = document.getElementById('einduur').value;
	}if(document.getElementById('eindmin')){
		eindmin = document.getElementById('eindmin').value;
	}
	check_acces();
	var httpObj = ajaxFunction();
	var query = "bookajax.php?qrnd=" + Math.random() + '&action=check_restrictions' + '&organisatieid=' + organisatieid + '&schemadatum=' + schemadatum + '&startuur=' + startuur + '&startmin=' + startmin + '&einduur=' + einduur + '&eindmin=' + eindmin;
	httpObj.open("GET",query, true);
	httpObj.send(null);
	httpObj.onreadystatechange = function()
	{
		if(httpObj.readyState == 4)
		{
			var result = httpObj.responseText;	
			result = result.replace( /^\s+/g, "" );
			document.getElementById('loading').style.display='none';
			if(result=='1'){
				document.getElementById('savebutton').style.display='';
				document.getElementById('ok').style.display='';
			}else if(result=='2'){
				document.getElementById('savebutton').style.display='';
				document.getElementById('notok2').style.display='';
			}else{
				document.getElementById('savebutton').style.display='none';
				document.getElementById('notok').style.display='';
			}
		}
	}
}



function check_acc_av(type, id){

	
	if(document.getElementById('setup_type').value=='game' && document.getElementById('place').style.display=='none'){
		if(document.getElementById('ok')){	document.getElementById('ok').style.display='none';		}
		if(document.getElementById('notok')){	document.getElementById('notok').style.display='none';		}
		if(document.getElementById('notok2')){	document.getElementById('notok2').style.display='none';		}
		if(document.getElementById('notok3')){	document.getElementById('notok3').style.display='none';		}
		if(document.getElementById('loading')){	document.getElementById('loading').style.display='none';	}

		return;
	}
	var accomodatieid;
	var schemadatum;
	var startuur;
	var startmin;
	var einduur;
	var eindmin;
	var percent;
	var startdeel;
	var ignore_id;

	if(type=='' || type==undefined){
		type = document.getElementById('setup_type').value;
	}
	if(document.getElementById('ignore_id')){ignore_id = document.getElementById('ignore_id').value;}
	
	if(ignore_id==''){
		ignore_id = 'eclips';
	}
	if(document.getElementById('ok')){	document.getElementById('ok').style.display='none';		}
	if(document.getElementById('notok')){	document.getElementById('notok').style.display='none';		}
	if(document.getElementById('notok2')){	document.getElementById('notok2').style.display='none';		}
	if(document.getElementById('notok3')){	document.getElementById('notok3').style.display='none';		}
	if(document.getElementById('loading')){	document.getElementById('loading').style.display='';		}

	if(document.getElementById('accomodatieid')){
		accomodatieid = document.getElementById('accomodatieid').value;
	}
	if(document.getElementById('schemadatum')!=undefined){
		schemadatum = document.getElementById('schemadatum').value;
	}else if(document.getElementById('startdatum')!=undefined){
		schemadatum = document.getElementById('startdatum').value;
	}
	if(document.getElementById('startuur')){
		startuur = document.getElementById('startuur').value;
	}if(document.getElementById('startmin')){
		startmin = document.getElementById('startmin').value;
	}if(document.getElementById('einduur')){
		einduur = document.getElementById('einduur').value;
	}if(document.getElementById('eindmin')){
		eindmin = document.getElementById('eindmin').value;
	}if(document.getElementById('percent')){
		percent = document.getElementById('percent').value;
	}if(document.getElementById('startdeel')){
		startdeel = document.getElementById('startdeel').value;
	}
	check_acces();
	var httpObj = ajaxFunction();
	var query = "bookajax.php?qrnd=" + Math.random() + '&action=check_acc_av' + '&type=' + type + '&id=' + id + '&accomodatieid=' + accomodatieid + '&schemadatum=' + schemadatum + '&startuur=' + startuur + '&startmin=' + startmin + '&einduur=' + einduur + '&eindmin=' + eindmin + '&percent=' + percent + '&startdeel=' + startdeel + '&ignore_id=' + ignore_id;
	httpObj.open("GET",query, true);
	httpObj.send(null);
	httpObj.onreadystatechange = function()
	{
		if(httpObj.readyState == 4)
		{
			var result = httpObj.responseText;	
			result = result.replace( /^\s+/g, "" );
			document.getElementById('loading').style.display='none';
			if(type=='training'){
				if(result=='1'){
					
					document.getElementById('ok').style.display='';
					
				}else if(result=='2'){
					
					document.getElementById('notok2').style.display='';
				}else{
					
					document.getElementById('notok').style.display='';
					document.getElementById('notok').innerHTML=httpObj.responseText;
				}
				
				
			}else{

				if(result=='1'){
					document.getElementById('ok').style.display='';
				}else if(result=='2'){
					document.getElementById('notok2').style.display='';
				}else if(result=='3'){
					document.getElementById('notok3').style.display='';
				}else{
					document.getElementById('notok').style.display='';
				}
			}
		}
	}

}

function save_reservatie(actionlevel){
	check_acces();
	var accomodatieid;
	var schemadatum;
	var startuur;
	var startmin;
	var einduur;
	var eindmin;
	var percent;
	var omschrijving;
	var startdeel;
	var personspresent;
	
	if(document.getElementById('accomodatieid')){
		accomodatieid = document.getElementById('accomodatieid').value;
	}if(document.getElementById('schemadatum')){
		schemadatum = document.getElementById('schemadatum').value;
	}if(document.getElementById('startuur')){
		startuur = document.getElementById('startuur').value;
	}if(document.getElementById('startmin')){
		startmin = document.getElementById('startmin').value;
	}if(document.getElementById('einduur')){
		einduur = document.getElementById('einduur').value;
	}if(document.getElementById('eindmin')){
		eindmin = document.getElementById('eindmin').value;
	}if(document.getElementById('percent')){
		percent = document.getElementById('percent').value;
	}if(document.getElementById('startdeel')){
		startdeel = document.getElementById('startdeel').value;
	}if(document.getElementById('omschrijving')){
		omschrijving = document.getElementById('omschrijving').value;
	}if(document.getElementById('personspresent')){
		personspresent = document.getElementById('personspresent').value;
	}
	
	var httpObj = ajaxFunction();
	var query = "bookajax.php?qrnd=" + Math.random() + '&action=save_reservatie' + '&accomodatieid=' + accomodatieid + '&schemadatum=' + schemadatum + '&startuur=' + startuur + '&startmin=' + startmin + '&einduur=' + einduur + '&eindmin=' + eindmin + '&percent=' + percent + '&startdeel=' + startdeel + '&omschrijving=' + omschrijving + '&personspresent=' + personspresent;
	httpObj.open("GET",query, true);
	httpObj.send(null);
	httpObj.onreadystatechange = function()
	{
		if(httpObj.readyState == 4)
		{
			reservatieophalen(schemadatum, actionlevel);
			eigenreservaties();
			
			document.getElementById('accomodatieid').value="";
			document.getElementById('startuur').value="";
			document.getElementById('startmin').value="";
			document.getElementById('einduur').value="";
			document.getElementById('eindmin').value="";
			document.getElementById('percent').value="100";
			document.getElementById('startdeel').value="0";
			document.getElementById('omschrijving').value="";
			document.getElementById('personspresent').value=document.getElementById('accountid').value;
			show_person_present();
		}
	}
}
function delete_reservatie(actionlevel,reservatieid)
{
	check_acces();
	var httpObj = ajaxFunction();
	var query = "bookajax.php?qrnd=" + Math.random() + '&action=delete_reservatie' + '&reservatieid=' + reservatieid;
	httpObj.open("GET",query, true);
	httpObj.send(null);
	httpObj.onreadystatechange = function()
	{
		if(httpObj.readyState == 4)
		{
			reservatieophalen('',actionlevel);
			eigenreservaties();
			if(document.getElementById('reservations')){
				
				searchreservations();
			}
		}
	}
}
function eigenreservaties()
{
	check_acces();
	var httpObj = ajaxFunction();
	var query = "bookajax.php?qrnd=" + Math.random() + '&action=eigenreservaties';
	httpObj.open("GET",query, true);
	httpObj.send(null);
	httpObj.onreadystatechange = function()
	{
		if(httpObj.readyState == 4)
		{
			document.getElementById('eigenreservaties').innerHTML = httpObj.responseText;	
		}
	}
}
function reservatieophalen(date, actionlevel)
{
	if(actionlevel!="2"){
		check_acces();
	}
	var gridwidth;
	var gridheight;
	
	var ignore_id;
	
	if(document.getElementById('ignore_id')){ignore_id = document.getElementById('ignore_id').value;}
	if(ignore_id==''){
		ignore_id = 'eclips';
	}
	
	var pixels = document.getElementById('pixels').value;
	if(date==''){
		date = document.getElementById('schemadatum').value;
	}
	var type = document.getElementById('setup_type').value;

	var dragveld = document.getElementById('setup_dragveld').value;
	var httpObj = ajaxFunction();
	var query = "bookajax.php?qrnd=" + Math.random() + '&action=reservatieophalen' + '&date=' + date + '&actionlevel=' + actionlevel + '&pixels=' + pixels + '&type=' + type + '&dragveld=' + dragveld + '&ignore_id=' + ignore_id;
	httpObj.open("GET",query, true);
	httpObj.send(null);
	httpObj.onreadystatechange = function(){
		if(httpObj.readyState == 4){
			document.getElementById('reservatiecontainer').innerHTML = httpObj.responseText;	
			gridheight = get_gridheight();
			gridwidth = get_gridwidth();
			init_reservatie_dragdrop(gridheight,gridwidth);
			update_dragbox_from_fields('',event);
		}
	}
}

function get_gridheight(){

	if(document.getElementById('pixels').value=='1'){
		var gridheight = "2";
	}else if(document.getElementById('pixels').value=='3'){
		var gridheight = "3";
	}else if(document.getElementById('pixels').value=='4'){
		var gridheight = "5";
	}else if(document.getElementById('pixels').value=='5'){
		var gridheight = "10";
	}else{
		var gridheight = "3";
	}
	return gridheight;
}

function get_gridwidth(){

	if(document.getElementById('pixels').value=='1'){
		var gridwidth= "3";
	}else if(document.getElementById('pixels').value=='3'){
		var gridwidth = "10";
	}else if(document.getElementById('pixels').value=='4'){
		var gridwidth = "10";
	}else if(document.getElementById('pixels').value=='5'){
		var gridwidth = "15";
	}else{
		var gridwidth = "5";
	}
	return gridwidth;
}
function get_maxbreedte(){

	if(document.getElementById('pixels').value=='1'){
		var maxbreedte = "60";
	}else if(document.getElementById('pixels').value=='3'){
		var maxbreedte = "200";
	}else if(document.getElementById('pixels').value=='4'){
		var maxbreedte = "200";
	}else if(document.getElementById('pixels').value=='5'){
		var maxbreedte = "300";
	}else{
		var maxbreedte = "100";
	}
	return maxbreedte;
}


function update_dragbox()
{
	var gridheight;
	var gridwidth;
	var maxbreedte;
	var breedte;
	var left;
	for(var i = 0;i<40;i++){
		var doel = 'draggable' + i;
		
		if(document.getElementById(doel)){

			if(document.getElementById(doel).style.display!='none'){
				gridheight = get_gridheight();
				gridwidth = get_gridwidth();
				maxbreedte = get_maxbreedte();
				breedte = document.getElementById(doel).style.width.replace("px", "");
				var percent = Math.round(Math.round(breedte / maxbreedte * 100) / 5) * 5;
				document.getElementById('percent').value = percent;
				
				document.getElementById(doel).style.width = percent / 5 * gridwidth  + 'px' ;
			
				left = document.getElementById(doel).style.left.replace("px", "");
				document.getElementById('startdeel').value = Math.round(left / maxbreedte * 100);

				var y = document.getElementById(doel).style.top;
				y = Number(y.replace("px",""));
				var uren= Number(Math.floor(Number(y) / (12 * gridheight))) + Number(document.getElementById('veldstartuur').value);
				var minuten = Math.round( (( Number(y / (12 * gridheight)) - Number(Math.floor(y / (12 * gridheight))) ) * 60 ) + Number(document.getElementById('veldstartmin').value));

				if( Number(uren) < Number('10')){
					document.getElementById('startuur').value = '0' + uren;
				}else{
					document.getElementById('startuur').value = uren;
				}

				if( Number(minuten) < Number('10')){
					document.getElementById('startmin').value = '0' + minuten;
				}else{
					document.getElementById('startmin').value = minuten;
				}
				var yeind = Number(y) + Number(document.getElementById(doel).style.height.replace("px",""));
				var uren= Number(Math.floor(yeind / (12 * gridheight))) + Number(document.getElementById('veldstartuur').value);
				var minuten = Math.round( (( Number(yeind / (12 * gridheight)) - Number(Math.floor(yeind / (12 * gridheight))) ) * 60 ) + Number(document.getElementById('veldstartmin').value));

				if( Number(uren) < Number('10')){
					document.getElementById('einduur').value = '0' + uren;
				}else{
					document.getElementById('einduur').value = uren;
				}

				if( Number(minuten) < Number('10')){
					document.getElementById('eindmin').value = '0' + minuten;
				}else{
					document.getElementById('eindmin').value = minuten;
				}

			}
		}
	}


	
}
function rtofive(waarde, minwaarde,maxwaarde, minaantaldigits, grid){

	if(grid !=''){
		waarde = Math.round(Number(waarde) / Number(grid)) * Number(grid);
	}


	if(Number(waarde) > Number(maxwaarde)){
		waarde = maxwaarde;	
	}

	if(Number(waarde) < Number(minwaarde)){
		waarde = minwaarde;	
	}
	while(waarde.toString().length < minaantaldigits){
		waarde = '0' + waarde;
	}
	return waarde;

}
function update_dragbox_from_fields(accomodatieid,e)
{
	var herzet = false;
	if(accomodatieid !=''){
		document.getElementById('accomodatieid').value = accomodatieid;
		herzet = true;
	}

	var veld ='';
	var drag ='';;
	var breedte ='';
	var gridheight = get_gridheight();
	var gridwidth = get_gridwidth();
	var maxbreedte = get_maxbreedte();
	var accomodatieid = document.getElementById('accomodatieid').value;	
	var startuur = document.getElementById('startuur').value;
	var startmin = document.getElementById('startmin').value;
	var einduur = document.getElementById('einduur').value;
	var eindmin = document.getElementById('eindmin').value;
	var percent = document.getElementById('percent').value;
	var startdeel = document.getElementById('startdeel').value;
	var veldstartuur = Number(document.getElementById('veldstartuur').value);
	var veldstartmin = Number(document.getElementById('veldstartmin').value);
	var veldeinduur = Number(document.getElementById('veldeinduur').value);
	var veldeindmin = Number(document.getElementById('veldeindmin').value);
	
	if(herzet == false && (startuur=='' || startmin =='' || einduur=='' || eindmin =='')){
		return;
	}
	
	if(herzet == true){
		var duuruur = Number(einduur) - Number(startuur);
		var duurmin = Number(eindmin) - Number(startmin);
		var posy = 0;

		if (!e){ var e = window.event;}
		if (e.pageY){ posy = e.pageY; }
		else if (e.clientY){ posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop; }

		

		for(var i = 0;i<40;i++){
			veld = 'veld' + i;
			if(document.getElementById(veld) && accomodatieid == document.getElementById(veld).getAttribute("name") ){
				y = posy - document.getElementById(veld).offsetTop;
			}
		}
		
		y = Math.round(Number(y) / gridheight) * gridheight;
		var startuur= Number(Math.floor(Number(y) / (12 * gridheight))) + Number(veldstartuur);
		var startmin = Math.round( (( Number(y / (12 * gridheight)) - Number(Math.floor(y / (12 * gridheight))) ) * 60 ) + Number(veldstartmin));
		
		if(duuruur > 0 || duurmin > 0){
			einduur = Number(startuur) + Number(duuruur);
			eindmin = Number(startmin) + Number(duurmin);
		}else{
			einduur = Number(startuur) + Number('1');
			eindmin = Number(startmin);		
		}
		
		while(eindmin < 0){
			einduur = Number(einduur) - Number('1');
			eindmin = Number(eindmin) + Number('60');
		}
		while(eindmin > 59){
			einduur = Number(einduur) + Number('1');
			eindmin = Number(eindmin) - Number('60');
		}
		
		
		
		/* velden invullen */
		document.getElementById('startuur').value = Number(startuur);
		while(startmin.toString().length < 2){
			startmin = '0' + startmin;
		}
		document.getElementById('startmin').value = startmin;
		document.getElementById('einduur').value = einduur;
		while(eindmin.toString().length < 2){
			eindmin = '0' + eindmin;
		}
		document.getElementById('eindmin').value = eindmin;
	}


	if(accomodatieid !='' && startuur == '' && startmin == '' && einduur == '' && eindmin == '' ){
		startuur = Number(veldstartuur);
		startmin = Number(veldstartmin);
		einduur = Number(veldstartuur) + Number('1');
		eindmin = Number(veldstartmin);
	}


	/* beperking van veldstartuur en veldeinduur) */	
	if(Number(startuur) <= Number(veldstartuur) && startuur !=''){
		startuur = veldstartuur;
		if(Number(startmin) < Number(veldstartmin)){
			startmin = veldstartmin;
		}
	}

	if(Number(einduur) >= Number(veldeinduur)){
		einduur = veldeinduur;
		if(Number(eindmin) > Number(veldeindmin)){
			eindmin = veldeindmin;
			if( eindmin != '' && Number(eindmin) < Number('10') ){
				document.getElementById('eindmin').value = '0' + Number(eindmin);
			}else{
				document.getElementById('eindmin').value = eindmin;
			}
		}
	}


	/* afronden op grid */
	startmin = Math.round(Number(startmin) / 5) * 5;
	if(startmin > 55){
	startmin = 55;
	}
	eindmin = Math.round(Number(eindmin) / 5) * 5;
	if(eindmin > 55){
	eindmin = 55;
	}
	percent = Math.round(percent / 5) * 5;
	if(percent > 100){
		percent = 100;
	}else if(percent < 5){
		percent = 5;
	}
	for(var i = 0;i<40;i++){
		veld = 'veld' + i;
		drag = 'draggable' + i;
		
		if(document.getElementById(veld) && accomodatieid == document.getElementById(veld).getAttribute("name") ){
			document.getElementById(drag).style.display='';
		
			document.getElementById(drag).style.top = (( Number(startuur) - Number(document.getElementById('veldstartuur').value) ) * 12 * gridheight) + ( Number(startmin) - Number(document.getElementById('veldstartmin').value) ) / 5 * gridheight;

			document.getElementById(drag).style.width = Number(percent) / 5 * gridwidth;
			document.getElementById(drag).style.left = Number(startdeel) / 5 * gridwidth;
			
			if(maxbreedte < Number(document.getElementById(drag).style.width.replace("px","") ) + Number(document.getElementById(drag).style.left.replace("px","")) ){
				document.getElementById(drag).style.left = Number(maxbreedte) - document.getElementById(drag).style.width.replace("px","");
			}
			
			
			document.getElementById(drag).style.height = (( Number(einduur) - Number(startuur)) * 12 * gridheight) + ( Number(eindmin) - Number(startmin) ) / 5 * gridheight;
			
		}else{
			if(document.getElementById(drag)){
				document.getElementById(drag).style.display='none';
			}
		}
	}
	if(document.getElementById('setup_type').value == 'training' && herzet == true){
		
		save_training_timechanges();
	}
	if(document.getElementById('setup_type').value != 'training'){
		check_acc_av('','');
	}

	
}

function init_reservatie_dragdrop(height,width){
	var mininmum = 3 * height;
	for(var i = 0;i<40;i++){
		var drag = '#draggable' + i;
		var veld = '#veld' + i;
		var handle = '#handle' + i;
		
		$( drag ).draggable({ grid: [ width,height ],containment: veld, drag: function() { update_dragbox() },stop: function(){ if(document.getElementById('setup_type').value != 'training'){ check_acc_av('', '');} if(document.getElementById('setup_type').value == 'game'){ refresh_meeting();}if(document.getElementById('setup_type').value == 'training'){ save_training_timechanges();} } });
		$( drag ).resizable({ grid: [ width,height ],containment: veld,minHeight:mininmum,resize: function() { update_dragbox() },stop: function(){ check_acc_av('', '');if(document.getElementById('setup_type').value == 'training'){ save_training_timechanges();}  } });
	}
	


}

$(function() {
	$( "#slider-vertical" ).slider({
		orientation: "horizontal",
		range: "min",
		min: 1,
		max: 5,
		value: 2,
		slide: function( event, ui ) {
			$( "#pixels" ).val( ui.value );
			reservatieophalen('','');

		}

	});
	$( "#pixels" ).val( $( "#slider-vertical" ).slider( "value" ) );


});