function showLoading(){
	var effectSpeed = 100;
	$('#loadDiv').css('display','block');
	$('#loadingMessage').show();
	$('#loadDiv').fadeTo("slow",0.3,function(){
		
	});
}
function hideLoading(){
	var effectSpeed = 100;
	$('#loadDiv').fadeTo("fast",0,function(){
		$('#loadDiv').css('display','none');
		$('#loadingMessage').hide(effectSpeed);
	});
}

$(document).ready(function(){
	$('#form1').validate();
	var effectSpeed = 200;
	function refreshStaff(sTreatment,sDatum){
		$(document).ready(function(){
			if($('#appBevestig').css('display')=='block'){
				$('#appBevestig').hide(effectSpeed);
			}
			if($('#appSuggestions').css('display')=='block'){
				$('#appSuggestions').hide(effectSpeed);
			}
			$('#appStaff').hide(effectSpeed,function(){
				$.post("pages/newAppointment.ajax.php", {sAction:'refreshStaff',sTreatment:sTreatment,sDatum:sDatum},function(data){
					if(data!=0){		
						$('#staffCanvas').children().remove();
						$('#staffCanvas').html(data);
						$('#appStaff').show(effectSpeed);
					}
					else{
						alert('Er is iets fout gegaan, neem contact op met de webmaster.');
					}
				});					
			});
		});
	}
	/**
	* Afspraak maken
	**/	
	//Zonder behandeling, geen andere opties weergeven
	if($('#slAppTreatment').attr('value')==''){
		$('.optionDiv').hide();
		$('#appTreatment').show(effectSpeed);
	}
	
	//Een behandeling veranderen, opnieuw de medewerkers ophalen
	$('#slAppTreatment').change(function(){
		if( $('#slAppTreatment').attr('value')!=''){
			$('#appDatum').show(effectSpeed,function(){
				refreshStaff($('#slAppTreatment').attr('value'),$('#txtAppDatum').attr('value'));
				$("html").animate({ scrollTop: $(window).height() }, 1000);
			});
		}
		else{
			$('#appStaff').hide(effectSpeed,function(){
				$('#appDatum').hide(effectSpeed);
			});
		}
	});
	
	//Datum wordt veranderd, opnieuw de medewerkers ophalen
	$('#txtAppDatum').change(function(){
		//alert($('#txtAppDatum').attr('value'));
		refreshStaff($('#slAppTreatment').attr('value'),$('#txtAppDatum').attr('value'));
	});
		
	/**
	* Datepicker
	**/
	Date.firstDayOfWeek = 1;
	Date.format = 'dd-mm-yyyy';
	$(function(){
		$('.date-pick').datePicker()
	});
	
	
	
	/**
	* Code voor het genereren/weergeven van de tijd suggesties.
	**/
	$(document).ready(function(){
		//Er wordt een medewerker geselecteerd, alle suggesties ophalen;
		$('.selectWerknemer').live('click',function(){
			$('.selectWerknemer ').attr('class','selectWerknemer');
			$(this).attr('class','selectWerknemer selected');
			showLoading();
			var sStaffID = $(this).attr('id');
			getAppSuggestions($('#slAppTreatment').attr('value'),$('#txtAppDatum').attr('value'),sStaffID);
		});
		
		//Als er een tijd suggestie geselecteerd wordt
		//Nu alle opties even opsommen en klaar is dan ist klaar om te posten
		$('.sSuggestie').live('click',function(){
			$('#appBevestig').show();			
			$("html").animate({ scrollTop: $(window).height() }, 1000);
		});
	});
	function getAppSuggestions(sTreatment,sDatum,sStaffID){
		$(document).ready(function(){
			if($('#appBevestig').css('display')=='block'){
				$('#appBevestig').hide();
			}
			$('#appSuggestions').hide();
			$.post("pages/newAppointment.ajax.php", {sAction:'getAppSuggestions',sTreatment:sTreatment,sDatum:sDatum,sStaffID:sStaffID},function(data){
				if(data!=0){		
					$('#suggestionCanvas').html(data);
					$("html").animate({ scrollTop: $(window).height() }, 1000);
					//$('#appSuggestions').show();
				}
				else{
					alert('Er is iets fout gegaan, neem contact op met de webmaster.');
				}
			});					
	
		});
	}
});