var DOMAIN = 'kaartspellen-online.nl';

function showLoginForm() {
	var html = '' +
		'<form method="post" name="login" action="/" onkeypress="var e = e || event; if (e.keyCode == 27) cw_hidePopup(); if (e.keyCode == 13) document.login.submit();">' +
		'<input type="hidden" name="action" value="login">' +
		'<table cellspacing="0" cellpadding="5" style="width:100%">' +
		'	<tr>' +
		'		<td width="16"><img src="/images/icons/im-msn.png" width="16" height="16"></td>' +
		'		<td><a href="/subscribe.php">nieuwe account aanmaken</a></td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td width="16"><img src="/images/icons/stock_mail-receive.png" width="16" height="16"></td>' +
		'		<td><a href="#" onClick="cw_hidePopup();showSendPassword();">gegevens kwijt?</a></td>' +
		'	</tr>' +
		'</table><br>' +
		'<table cellspacing="0" cellpadding="5" style="width:100%">' +
		'	<tr>' +
		'		<td align="left">Gebruikersnaam:</td>' +
		'		<td align="left"><input type="text" name="username" size="20" style="padding:0px"></td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left">Wachtwoord:</td>' +
		'		<td align="left"><input type="password" name="password" size="20" style="padding:0px"></td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td colspan="3" align="left">' +
		'			<a href=\"#\" class=\"button\" onClick=\"document.login.submit()\"><span>inloggen</span></a>' +
		' 		</td>' +
		'	</tr>' +
		'</table>' +
		'</form>';
	cw_showPopup( html );
}

function showSendPassword() {
	var html = '' +
		'<form method="post" action="/" name="sendpassword" onkeypress="var e = e || event; if (e.keyCode == 27) cw_hidePopup(); if (e.keyCode == 13) document.sendpassword.submit();">' +
		'<input type="hidden" name="action" value="sendpassword">' +
		'<table cellspacing="0" cellpadding="5">' +
		'	<tr>' +
		'		<td colspan="2" align="center">' +
		'			<b class="header">Wachtwoord vergeten?</b>' +
		'		</td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td colspan="2" align="left">' +
		'			Vul je gegevens in en je ontvangt per e-mail en nieuw wachtwoord' +
		'		</td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left">Gebruikersnaam:&nbsp;</td>' +
		'		<td align="left"><input type="text" name="username" size="20" style="padding:0px">&nbsp;</td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left">E-mailadres:</td>' +
		'		<td align="left"><input type="text" name="emailaddress" size="20" style="padding:0px"></td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td colspan="2" align="left">' +
		'			<a href=\"#\" class=\"button\" onClick=\"document.sendpassword.submit()\"><span>stuur wachtwoord</span></a>' +
		' 		</td>' +
		'	</tr>' +
		'</table>' +
		'</form>';
	cw_showPopup( html );
}

function editProfile( username, emailaddress, firstname, lastname, gender, dateofbirth, city, country, notifychallenges, notifymedals ) {
	var countrylist = '';
	for (var i = 0; i < countries.length; i++)
		countrylist += '<option value="' + countries[i][0] + '" ' + ((country.toLowerCase() == countries[i][0].toLowerCase()) ? "selected" : "")+ '>' + countries[i][1] + '</option>';
	
	var dateofbirth_year  = '';
	var dateofbirth_month = '';
	var dateofbirth_day   = '';
	if (dateofbirth != null && dateofbirth != '') {
		var a = dateofbirth.split('-');
		dateofbirth_year  = a[0];
		dateofbirth_month = a[1];
		dateofbirth_day   = a[2];
	}
	
	var html = '' +
		'<form method="post" name="editprofile" onkeypress="var e = e || event; if (e.keyCode == 27) cw_hidePopup(); if (e.keyCode == 13 && checkaccountform(false)) document.editprofile.submit();">' +
		'<input type="hidden" name="action" value="updateprofile">' +
		'<input type="hidden" id="username" name="username" value="' + username + '"/>' +
		'<table cellspacing="0" cellpadding="5">' +
		'	<tr>' +
		'		<td colspan="2" align="center">' +
		'			<b class="header">Wijzig mijn profiel</b>' +
		'		</td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left"><u>Nieuw</u> wachtwoord:&nbsp;</td>' +
		'		<td align="left"><input type="password" id="password" name="password" style="width:200px;">&nbsp;</td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left">Herhaal <u>nieuw</u> wachtwoord:&nbsp;</td>' +
		'		<td align="left"><input type="password" id="password_again" name="password_again" style="width:200px;">&nbsp;</td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left">E-mailadres:</td>' +
		'		<td align="left"><input type="text" id="emailaddress" name="emailaddress" style="width:200px;" value="' + emailaddress + '"></td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left">Voornaam:</td>' +
		'		<td align="left"><input type="text" id="firstname" name="firstname" style="width:200px;" value="' + firstname + '"></td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left">Achternaam:</td>' +
		'		<td align="left"><input type="text" id="lastname" name="lastname" style="width:200px;" value="' + lastname + '"></td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left">Geslacht:</td>' +
		'		<td align="left">' +
		'			<input type="hidden" id="gender" name="gender" value="' + gender + '">' +
		'			<input type="radio" name="r_gender" value="m" ' + ((gender=='m')?'checked':'') + ' onclick="document.getElementById(\'gender\').value=this.value"> man ' +
		'			<input type="radio" name="r_gender" value="v" ' + ((gender=='v')?'checked':'') + ' onclick="document.getElementById(\'gender\').value=this.value"> vrouw' +
		'		</td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left">Geboortedatum:</td>' +
		'		<td align="left">' +
		'			<input type="hidden" id="dateofbirth" name="dateofbirth" value="' + dateofbirth + '"/>' +
		'			<input type="text" id="dateofbirth_day" name="" style="width:30px;" value="' + dateofbirth_day + '" maxlength="2"> -' +
		'			<input type="text" id="dateofbirth_month" name="" style="width:30px;" value="' + dateofbirth_month + '" maxlength="2"> -' +
		'			<input type="text" id="dateofbirth_year" name="" style="width:60px;" value="' + dateofbirth_year + '" maxlength="4">' +
		'			(dd-mm-jjjj)' +
		'		</td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left">Woonplaats:</td>' +
		'		<td align="left"><input type="text" id="city" name="city" style="width:200px;" value="' + city + '"></td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left">Land:</td>' +
		'		<td align="left"><select name="country" id="country">' + countrylist + '</select></td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left" colspan="2">' +
		'			<input type="hidden" id="newsletter" name="newsletter" value="1">' +
		'			<input type="checkbox" name="c_newsletter" value="1" checked onclick="document.getElementById(\'newsletter\').value=(this.checked)?1:0">' +
		'			ik wil de nieuwsbrief ontvangen' +
		'		</td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left" colspan="2">' +
		'			<input type="hidden" id="notifymedals" name="notifymedals" value="' + ((notifymedals)?1:0) + '">' +
		'			<input type="checkbox" name="c_notifymedals" value="1" ' + ((notifymedals)?'checked':0) + ' onclick="document.getElementById(\'notifymedals\').value=(this.checked)?1:0">' +
		'			stuur mij een e-mail als ik een medaille of beker heb gewonnen' +
		'		</td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left" colspan="2">' +
		'			<input type="hidden" id="notifychallenges" name="notifychallenges" value="' + ((notifychallenges)?1:0) + '">' +
		'			<input type="checkbox" name="c_notifychallenges" value="1" ' + ((notifychallenges)?'checked':0) + ' onclick="document.getElementById(\'notifychallenges\').value=(this.checked)?1:0">' +
		'			stuur dagelijks mijn ontvangen en gespeelde uitdagingen' +
		'		</td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td align="left" colspan="2">' +
		'			<input type="hidden" id="terms" name="terms" value="0">' +
		'			<input type="checkbox" name="c_terms" value="1" onclick="document.getElementById(\'terms\').value=(this.checked)?1:0">' +
		'			ik ben nog steeds akkoord met de <a href="/algemenevoorwaardden.php" target="_blank">algemene voorwaarden</a>' +
		'		</td>' +
		'	</tr>' +
		'	<tr>' +
		'		<td colspan="2" align="left">' +
		'			<a href=\"#\" class=\"button\" onClick=\"if (checkaccountform(false)) document.editprofile.submit();\"><span>wijzigingen opslaan</span></a>' +
		' 		</td>' +
		'	</tr>' +
		'</table>' +
		'</form>';
	cw_showPopup( html );
}

function editProfilePicture( currentPicture ) {
	var html = '' +
	'<form method="post" name="editpicture" enctype="multipart/form-data" onkeypress="var e = e || event; if (e.keyCode == 27) cw_hidePopup(); if (e.keyCode == 13) document.editpicture.submit();">' +
	'<input type="hidden" name="action" value="updateavater">' +
	'<table cellspacing="0" cellpadding="5">' +
	'	<tr>' +
	'		<td colspan="2" align="center">' +
	'			<b class="header">Wijzig mijn afbeelding</b>' +
	'		</td>' +
	'	</tr>' +
	'	<tr>' +
	'		<td align="center">Huidige afbeelding:</td>' +
	'	</tr>' +
	'	<tr>' +
	'		<td align="center"><img src="' + currentPicture + '"></td>' +
	'	</tr>' +
	'	<tr>' +
	'		<td align="center">upload jouw nieuwe afbeelding:</td>' +
	'	</tr>' +
	'	<tr>' +
	'		<td><input type=\"file\" name=\"bestand\"></td>' +
	'	</tr>' +
	'	<tr>' +
	'		<td colspan="2">' +
	'			<a href=\"#\" class=\"button\" onClick=\"document.editpicture.submit()\"><span>uploaden</span></a>' +
	' 		</td>' +
	'	</tr>' +
	'</table>' +
	'</form>';
	cw_showPopup( html );
}

function showSendPasswordOk( emailadres ) {
	var html = '' +
		'<br><br>Er is een nieuw wachtwoord per e-mail verstuurd naar:<br><br>' + emailadres + '<br><br>';
	cw_showPopup( html );
}

function incorrectPassword() {
	var html = '' +
		'<span class="errormessage">Onjuiste gebruikersnaam/wachtwoord</span><br>' +
		'<br>' +
		'<br>' +
		'<a href="#" onClick="showLoginForm()">log opnieuw in</a><br><br>' +
		'Klik <a href="/subscribe.php">HIER</a> om een account aan te maken.' +
		'<br><br><br>';
	cw_showPopup( html );
}

function requestAccountData( username, emailaddress ) {
}

function checkaccountform( checkpassword ) {
	var dd = document.getElementById('dateofbirth_day').value;	
	var mm = document.getElementById('dateofbirth_month').value;	
	var yyyy = document.getElementById('dateofbirth_year').value;
	
	document.getElementById('dateofbirth').value = yyyy + '-' + mm + '-' + dd;	
	
	if (val('password').length > 0) checkpassword = true;
	if (val('password_again').length > 0) checkpassword = true;
	var errors = '';
	if (val('firstname').length == 0) errors += '- Vul je voornaam in\n';
	if (val('lastname').length == 0) errors += '- Vul je achternaam in\n';
	if (val('username').length == 0) errors += '- Vul je gebruikersnaam in\n';
	if (val('password').length < 6 && checkpassword) errors += '- Vul een wachtwoord in van minstens 6 karakters\n';
	if (val('password_again').length == 0 && checkpassword) errors += '- Herhaal wachtwoord\n';
	if (val('password') != val('password_again') && checkpassword) {
		errors += '- Je hebt niet 2x hetzelfde wachtwoord ingevuld\n';
		delval('password');
		delval('password_again');
	}
	if (!cw_isEmail(val('emailaddress'))) errors += '- Vul een correct e-mailadres in\n';
	if (val('gender').length == 0) errors += '- Selecteer je geslacht (m/v)\n';
	if (!cw_isDate(val('dateofbirth'))) errors += '- Vul je geboortedatum correct in (dd-mm-jjjj)\n';
	if (val('city').length == 0) errors += '- Vul je woonplaats in\n';
	if (val('country').length == 0) errors += '- Vul je land in\n';
	if (val('terms') != '1') errors += '- Je dient akkoord te gaan met de algemene voorwaarden\n';
	
	if (errors == '') {
		return true;
	} 
	else {
		alert('Je hebt niet alles (goed) ingevuld!\n\n'+errors);
		return false;
	}
}


