window.addEvent('domready', function() {
	
	initProfielAanpassen();
	//datePicker();
	
});

window.addEvent('load', function() {

	if(!$('profielform')) return;

});

/**
 * initProfielAanpassen
 * 
 * Fancy Upload voor avatar
 * 
 * Indien profielvelden aanwezig, hier events aan koppelen:
 * - als veld leeg is, wordt in veld de naam van het veld gezet
 * - als er geen waarde in het veld staat, en dus de naam van het veld, en er wordt op geklikt, wordt dat verwijderd
 */
function initProfielAanpassen() {
	if(!$('profielform')) return;
	
	$('profielform').getElements('input').each(function(el) {		
		el.set({
			'events': {
				'change': function() {
					if(el.value =='') {
						
						var waarde = el.name.replace(/profiel\[/,'');
						waarde = waarde.replace(/\]/, '');
						
						var l1 = waarde.substr(0,1).toUpperCase();
						var l2 = waarde.substr(1);
						
						el.value = l1+l2;
						
					}					
				},
				'click': function() {
					
					var waarde = el.name.replace(/profiel\[/,'');
					waarde = waarde.replace(/\]/, '');
						
					var l1 = waarde.substr(0,1).toUpperCase();
					var l2 = waarde.substr(1);
						
					if(el.value == l1+l2) {
						
						el.value = ''
						
					}
					
				}
				
			}
		});				
	});
	
}

function showOverlay() {
	document.getElementById('overlay').style.display = 'block';
	document.getElementById('overlay_content').style.display = 'block';

}

function closeOverlay() {
	document.getElementById('overlay').style.display = 'none';
	document.getElementById('overlay_content').style.display = 'none';
}

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

// login vanuit overlay
function doeLogin() {
	
	gebruikersnaam = $('gebruikersnaam').value;
	wachtwoord = $('wachtwoord').value;
	
	var a = new EfocusAjax('/Gebruiker');
	a.zetAsynchroon(true, 'verwerkLogin');
	a.zetActie('doeLogin', { 'gebruikersnaam' : gebruikersnaam, 'wachtwoord' : wachtwoord });
	a.doeRequest();
	
}

// verwerk de login
function verwerkLogin(ajaxResultaat) {
	
	if(ajaxResultaat['gelukt']) {
		closeOverlay();
		location.reload(true);
	} else {
		document.getElementById('foutmelding_inloggen').innerHTML = ajaxResultaat['foutmelding'];	
	}
}

// loguit
function doeLoguit() {
	
	var a = new EfocusAjax('/Gebruiker');
	a.zetAsynchroon(true, 'verwerkLoguit');
	a.zetActie('loguit');
	a.doeRequest();
}

// verwerk loguit
function verwerkLoguit(ajaxResultaat) {
	
	if(ajaxResultaat['gelukt']) {
		window.location = '/';
	}
	
}

// ga naar het wachtwoord vergeten scherm
function gaNaarSchermWachtwoordVergeten() {
	
	gebruikersnaam = document.getElementById('gebruikersnaam').value;
	var a = new EfocusAjax('/Gebruiker');
	a.zetAsynchroon(true, 'verwerkScherm');
	a.zetActie('opHalenWachtwoordVergetenScherm', { 'gebruikersnaam' : gebruikersnaam });
	a.doeRequest();
	
}

// geef melding net ingelogd
function geefMeldingNetIngelogd() {
	
	var a = new EfocusAjax('/Gebruiker');
	a.zetAsynchroon(true, 'verwerkScherm');
	a.zetActie('opHalenSchermNetIngelogd');
	a.doeRequest();
	
}

// geef melding dat de aanmelding gelukt is en dat je bent ingelogd
function geefMeldingAanmeldingOk() {
	
	var a = new EfocusAjax('/Gebruiker');
	a.zetAsynchroon(true, 'verwerkScherm');
	a.zetActie('opHalenSchermAanmeldingOk');
	a.doeRequest();
	
}


// geef melding de bevestiging fout gaat (al eerder is gedaan)
function geefMeldingBevestigingAlGedaan() {
	
	var a = new EfocusAjax('/Gebruiker');
	a.zetAsynchroon(true, 'verwerkScherm');
	a.zetActie('opHalenSchermBevesigingAlGedaan');
	a.doeRequest();
	
}


// stuur een nieuw wachtwoord
function stuurNieuwWachtwoord() {
	
	var gebruikersnaam = document.getElementById('gebruikersnaam').value;

	var a = new EfocusAjax('/Gebruiker');
	a.zetAsynchroon(true, 'verwerkAanvraagNieuwWachtwoord');
	a.zetActie('stuurNieuwWachtwoord', { 'gebruikersnaam' : gebruikersnaam });
	a.doeRequest();
	
}

// verwerk AanvraagNieuwWachtwoord
function verwerkAanvraagNieuwWachtwoord(ajaxResultaat) {
	
	if(ajaxResultaat['gelukt']) {
		document.getElementById('overlay_content').innerHTML = ajaxResultaat['scherm'];
	} else {
		document.getElementById('foutmelding_wachtwoord_vergeten').innerHTML = ajaxResultaat['foutmelding'];	
	}
	
}


// aanmelden
function aanmeldenNieuweGebruiker() {
	
	naam = $('naam').value;
	gebruikersnaam = $('gebruikersnaam').value;
	wachtwoord = $('wachtwoord').value;
	wachtwoord2 = $('wachtwoord2').value;
	netwerk = $('netwerk').value;
	
	var a = new EfocusAjax('/Gebruiker');
	a.zetAsynchroon(true, 'verwerkAanmeldenNieuweGebruiker');
	a.zetActie('aanmeldenNieuweGebruiker', { 'naam' : naam, 'gebruikersnaam' : gebruikersnaam, 'wachtwoord' : wachtwoord, 'wachtwoord2' : wachtwoord2, 'netwerk' : netwerk });
	a.doeRequest();
}

// verwerk aanmelding
function verwerkAanmeldenNieuweGebruiker(ajaxResultaat) {
	
	if(ajaxResultaat['gelukt']) {
		document.getElementById('overlay_content').innerHTML = ajaxResultaat['scherm'];	
		document.getElementById('overlay').style.display = 'block';
		document.getElementById('overlay_content').style.display = 'block';
	} else {
		document.getElementById('foutmelding_aanmelden').innerHTML = ajaxResultaat['foutmelding'];	
	}
}

// ga naar het aanmelden secherm
function gaNaarSchermAanmelden() {
	
	var a = new EfocusAjax('/Gebruiker');
	a.zetAsynchroon(true, 'verwerkScherm');
	a.zetActie('opHalenSchermAanmelden');
	a.doeRequest();
	
}

// ga naar het inlogscherm
function gaNaarSchermInloggen() {

	var a = new EfocusAjax('/Gebruiker');
	a.zetAsynchroon(true, 'verwerkScherm');
	a.zetActie('gaNaarSchermAanmelden');
	a.doeRequest();
	
}

// verwerk schermkeuze
function verwerkScherm(ajaxResultaat) {
	
	if(ajaxResultaat['gelukt']) {
		document.getElementById('overlay_content').innerHTML = ajaxResultaat['scherm'];	
	}
}


// ga naar het vernieuwen wachtwoord scherm
function gaNaarSchermWachtwoordVernieuwen(activatiecode) {
	

	var a = new EfocusAjax('/Gebruiker');
	a.zetAsynchroon(true, 'verwerkScherm');
	a.zetActie('ophalenSchermVernieuwWachtwoord', { 'activatiecode' : activatiecode });
	a.doeRequest();
	
}

// vernieuwen Wachtwoord
function vernieuwenWachtwoord() {
	
	activatiecode = document.getElementById('activatiecode').value;
	wachtwoord = document.getElementById('wachtwoord').value;
	wachtwoord2 = document.getElementById('wachtwoord2').value;

	var a = new EfocusAjax('/Gebruiker');
	a.zetAsynchroon(true, 'verwerkVernieuwenWachtwoord');
	a.zetActie('vernieuwenWachtwoord', { 'activatiecode' : activatiecode, 'wachtwoord' : wachtwoord, 'wachtwoord2' : wachtwoord2 });
	a.doeRequest();
	
}

// verwerk vernieuwen Wachtwoord
function verwerkVernieuwenWachtwoord(ajaxResultaat) {
	
	if(ajaxResultaat['gelukt']) {
		closeOverlay();
		location.reload(true);
	} else {
		document.getElementById('foutmelding_wachtwoord_vernieuwen').innerHTML = ajaxResultaat['foutmelding'];	
	}
}

// Verwijderen van items, in eerste instantie bedoelt om documenten te verwijderen
function verwijderItem(type, id) {
	
	var conf = confirm("Weet u zeker dat u dit "+type+" wilt verwijderen?");
	
	if(conf) {
		switch(type) {
			case 'document':
				var a = new EfocusAjax('/Documenten');
				a.zetAsynchroon(false, 'verwerkDocumentVerwijderen');
				a.zetActie('documentVerwijderen', { 'id' : id });
				ajaxResultaat = a.doeRequest();
				if(ajaxResultaat['gelukt']) {
					location.reload(true);
				}
				break;
		}
	} else {
		return void(0);	
	}
}

/* uitgeschakeld voor test met andere agenda
function datePicker() {
	$$('.pick_date').each(function(btn_agenda){
		btn_agenda.addEvent('click', function(){
			$(btn_agenda).getPosition();
			console.log(btn_agenda.getPosition().y);
			$$('.calendar_holder').set('styles', {visibility: 'visible', top: btn_agenda.getPosition().y, left: btn_agenda.getPosition().x+20 });
		})
	})
}
*/