window.addEvent("domready", function() {
	$('loginButton').addEvent("mousedown", function() {
		new Request({
			method: 'post', 
			url: '/loginPhoto.php',
			onComplete: function(response) {
				if (response == 1) {
					window.location = '/photography/filemanager/';
				} else {
					var dimension = window.getScrollSize();
					$('loginContainer').set('styles', { 'display': 'block', 'height': dimension.y, 'width': dimension.x });
					$('loginBox').set('styles', { 'display': 'block', 'left': (dimension.x / 2) - 213, 'top': 200 });	
				}
			} 
		}).send();
	});
	$('loginContainer').addEvent("mousedown", function() {
		$('loginContainer').set('styles', { 'display': 'none' });
		$('loginBox').set('styles', { 'display': 'none' });
	});
	$('fileUser').addEvent("focus", function() {
		var user = $('fileUser').get("value");
		if (user.match("Gebruikersnaam")) { this.set("value",""); }
		this.set("styles",{ 'color': '#000', 'font-style': 'normal' });
	});
	$('fileUser').addEvent("blur", function() {
		var user = $('fileUser').get("value");
		if (user.match("Gebruikersnaam") || user == "") {
			this.set("value","Gebruikersnaam");
			this.set("styles",{ 'color': '#bbb', 'font-style': 'italic' });
		}										 
	});
	$('filePass').addEvent("focus", function() {
		var pass = this.get("value");
		if (pass.match("Wachtwoord")) { 
			this.set("value","");
			this.set("type","password");
		}
		this.set("styles",{ 'color': '#000', 'font-style': 'normal' });
	});
	$('filePass').addEvent("blur", function() {
		var pass = this.get("value");
		if (pass.match("Wachtwoord") || pass == "") {
			this.set("value","Wachtwoord");
			this.set("type","text");
			this.set("styles",{ 'color': '#bbb', 'font-style': 'italic' });
		}										 
	});
	$('login').addEvent("mousedown",function(e) {
		e.stop();
		var user = $('fileUser').get('value');
		var pass = $('filePass').get('value');
		new Request({
			method: 'post', 
			url: '/loginPhoto.php',
			data: 'user=' + user + '&pass=' + pass,
			onComplete: function(response) {
				if (response == 1) {
					window.location = '/photography/filemanager/';
					return false;
				} else if (response == 0) {
					$('loginError').set('html','<p>U heeft een foutieve gebruikersnaam / wachtwoord opgegeven.</p>')
				}
			} 
		}).send();
	});
	//News
	if ($('newsAlert').get('class') != 'inactive') {
		var newsTween = new Fx.Morph($('newsContainer'), { duration: 500, transition: Fx.Transitions.Sine.easeOut });
		var active = 0;
		$$('#headerImageContainer, #newsContainer').addEvent('mouseover',function(){
			if (active == 0) {
				newsTween.start({
					'height':[0,150]
				});	
			}
			active = 1;
		});
		$$('#headerImageContainer, #newsContainer').addEvent('mouseout',function(){
			active = 2;
			setTimeout(function(){ if (active == 2) { newsTween.start({ 'height':[150,0] }).chain(function(){ active = 0 }); } },50);
		});
		$$('.newsItem').each(function(item){
			item.addEvent('click',function(e){
				e.stop();
				new Request({
					method: 'get', 
					url: '/newsPhoto.php',
					data: 'id=' + item.get('rel'),
					onComplete: function(response) {
						$('newsWrapper').set('html',response);
					} 
				}).send();
				$$('.newsItem').each(function(a){
					a.set('styles',{
						'color':'#0893d4'
					})
				});
				item.set('styles',{
					'color':'#fff'
				})
			})
		});
	}
});
function resetForm() {
	$('naam').set('value','');
	$('achternaam').set('value','');
	$('adres').set('value','');
	$('postcode').set('value','');
	$('woonplaats').set('value','');
	$('telefoon').set('value','');
	$('email').set('value','');
	$('opmerking').set('value','');
}
function resetStyles() {
	var nameTweenReset = new Fx.Morph($('naam'), { duration: 1000, transition: Fx.Transitions.Sine.easeOut });
	nameTweenReset.start({
		'border': ['1px solid #990000','1px solid #999'],
		'background-color': ['#fddfde','#ffffff']
	});
	var surnameTweenReset = new Fx.Morph($('achternaam'), { duration: 1000, transition: Fx.Transitions.Sine.easeOut });
	surnameTweenReset.start({
		'border': ['1px solid #990000','1px solid #999'],
		'background-color': ['#fddfde','#ffffff']
	});
	var phoneTweenReset = new Fx.Morph($('telefoon'), { duration: 1000, transition: Fx.Transitions.Sine.easeOut });
	phoneTweenReset.start({
		'border': ['1px solid #990000','1px solid #999'],
		'background-color': ['#fddfde','#ffffff']
	});
	var mailTweenReset = new Fx.Morph($('email'), { duration: 1000, transition: Fx.Transitions.Sine.easeOut });
	mailTweenReset.start({
		'border': ['1px solid #990000','1px solid #999'],
		'background-color': ['#fddfde','#ffffff']
	});
}
function checkForm() {
	var error = 0;
	if ($('naam').get('value').length < 2) {
		var nameTween = new Fx.Morph($('naam'), { duration: 1000, transition: Fx.Transitions.Sine.easeOut });
		nameTween.start({
			'border': ['1px solid #999','1px solid #990000'],
			'background-color': ['#ffffff','#fddfde']
		});
		var error = 1;
	}
	if ($('achternaam').get('value').length < 2) {
		var surnameTween = new Fx.Morph($('achternaam'), { duration: 1000, transition: Fx.Transitions.Sine.easeOut });
		surnameTween.start({
			'border': ['1px solid #999','1px solid #990000'],
			'background-color': ['#ffffff','#fddfde']
		});
		var error = 1;
	}
	if ($('telefoon').get('value').length < 10) {
		var phoneTween = new Fx.Morph($('telefoon'), { duration: 1000, transition: Fx.Transitions.Sine.easeOut });
		phoneTween.start({
			'border': ['1px solid #999','1px solid #990000'],
			'background-color': ['#ffffff','#fddfde']
		});
		var error = 1;
	}
	if ($('email').get('value').length < 6) {
		var mailTween = new Fx.Morph($('email'), { duration: 1000, transition: Fx.Transitions.Sine.easeOut });
		mailTween.start({
			'border': ['1px solid #999','1px solid #990000'],
			'background-color': ['#ffffff','#fddfde']
		});
		var error = 1;
	}
	if (error == 1) {
		setTimeout('resetStyles()',2000);
		return false;
	} else {
		sendMail();
	}
}
function sendMail() {
	var naam = 'naam=' + $('naam').get('value');
	var achternaam = '&achternaam=' + $('achternaam').get('value');
	var adres = '&adres=' + $('adres').get('value');
	var postcode = '&postcode=' + $('postcode').get('value');
	var woonplaats = '&woonplaats=' + $('woonplaats').get('value');
	var telefoon = '&telefoon=' + $('telefoon').get('value');
	var email = '&email=' + $('email').get('value');
	var opmerking = '&opmerking=' + $('opmerking').get('value');
	var response = naam + achternaam + adres + postcode + woonplaats + telefoon + email + opmerking;
	var myContact = new Request({
		method: 'get',
		url: '/assets/mail/mailphoto.php',
		onRequest: function(e) { $('response').set('html','Het formulier wordt verzonden...'); },
		onSuccess: function(e) { if(e=='goed'){ resetForm(); $('response').set('html','Het formulier is succesvol verzonden.'); } else { $('response').set('html','Er is een probleem opgetreden met het verzenden van het formulier, probeer het later nog eens.'); } },
		onFailure: function(e) { $('response').set('html','Er is een probleem opgetreden met het verzenden van het formulier, probeer het later nog eens.'); }
	}).send(response);
}