// JavaScript Document

function validateSignupForm( form ){
	if (document.signupform.username.value == ""){
		document.getElementById('error').innerHTML = "Please enter a username";
		return false;
	}
	
	if (document.signupform.password.value == ""){
		document.getElementById('error').innerHTML = "Please enter a password";
		return false;
	}
	
	if (document.signupform.password.value != document.signupform.password2.value){
		document.getElementById('error').innerHTML = "Please passwords do not match";
		return false;
	}
	
	if ( !checkEmail(document.signupform.email.value) ){
		document.getElementById('error').innerHTML = "Check your email address";
		return false;
	}
	
	if (document.signupform.country.value == "Select Country"){
		document.getElementById('error').innerHTML = "Please select a country";
		return false;
	}
	
	return true;
}

function sendToFriend( form ){
	//alert("Send to Friend")
	if ( document.getElementById(form).innerHTML.length < 10 ){
		str = "<br />";
		str += "<table>";
		str += "   <input type=\"hidden\" name=\"mode\" value=\"2\" />";
		str += "   <tr><td width=\"100px\" align=\"right\">YOUR NAME:</td><input type=\"text\" name=\"yourname\" /></td><td>&nbsp;</td></tr>";
		str += "   <tr><td align=\"right\">YOUR EMAIL:</td><input type=\"text\" name=\"youremail\" /></td><td>&nbsp;</td></tr>";
		str += "   <tr><td align=\"right\">FRIEND NAME:</td><input type=\"text\" name=\"friendname\" /></td><td>&nbsp;</td></tr>";
		str += "   <tr><td align=\"right\">FRIEND EMAIL:</td><input type=\"text\" name=\"friendemail\" /></td>";
		str += "<td><input type=\"submit\" value=\"ENTER\" class=\"form-submit\" /></td></tr>";
		str += "</table>";
	}else{
		str = "";
	}
	
	document.getElementById(form).innerHTML = str;
}

function checkEmail( str ){
	var tokens = str.split("@");
	if (tokens.length<2){ return false; }
	if (tokens[0].length < 2){ return false; }
	var domain = tokens[1];
	tokens = domain.split(".");
	if (tokens.length<2){ return false; }
	if (tokens[0].length < 2){ return false; }
	return true;
}

function imageSelected( id ){
	document.signupform.iconid.value = id;
	var str = "";
	for(var i=1; i<=10; i++){
		if (i==id){
			str += "<li><a href=\"#\" onclick=\"imageSelected(" + i + "); return false;\">";
			str += "<div class=\"selected_avatar\"><img src=\"images/avatars/avatar" + i + ".jpg\" alt=\"\" /></div></a></li>";
		}else{
			str += "<li><a href=\"#\" onclick=\"imageSelected(" + i + "); return false;\">";
			str += "<img src=\"images/avatars/avatar" + i + ".jpg\" alt=\"\" /></a></li>";
		}
	}
	document.getElementById('avatars').innerHTML = str;
	//alert("imageSelected is " + id);
}

function forgotPressed(){
	//alert("forgotPressed");
	str = "<input type=\"hidden\" name=\"mode\" value=\"2\">";
	str += "<div class=\"login\">";
	str += "   <div class=\"form-item\">";
	str += "      <label>Username</label><input type=\"text\" name=\"username\" class=\"form-text\" />";
	str += "   </div><br />";
	str += "   <div class=\"form-item\">";	
	str += "      <label>Email</label><input type=\"text\" name=\"email\" class=\"form-text\" width=\"200px\"/>";
	str += "   </div><br />";
	str += "   <div class=\"form-item\">";
	str += "      <input type=\"submit\" value=\"ENTER\" class=\"form-submit\" />";
	str += "   </div>";
	str += "</div>";
	document.getElementById('loginform').innerHTML = str;
}

function showLoginForm(){
	str = "<strong>PLEASE LOGIN TO ADD COMMENTS <span>(passwords are case sensitive)</span></strong>";
	str += "	<fieldset>";
	str += "        <input type=\"hidden\" name=\"mode\" value=\"1\" />";
	str += "		<div class=\"form-item\">";
	str += "			<label>USERNAME:</label>";
	str += "			<input type=\"text\" name=\"username\" class=\"form-text\" />";
	str += "			<a class=\"help\" href=\"#\" onclick=\"showForgotForm();\" >Forgot your username or password?</a>";
	str += "		</div>";
	str += "		<div class=\"form-item\">";
	str += "			<label>PASSWORD:</label>";
	str += "			<input type=\"password\" name=\"password\" class=\"form-text\" />";
	str += "		</div>";
	str += "		<div class=\"form-item\">";
	str += "			<input type=\"submit\" value=\"ENTER\" class=\"form-submit\" />";
	str += "		</div>";
	str += "		<a class=\"sign-up\" href=\"signup.php\">Not a member yet? SIGN UP HERE!</a>";
	str += "	</fieldset>";
	document.getElementById('loginform').innerHTML = str;
}

function showForgotForm(){
	str = "<strong>ENTER YOUR USERNAME AND EMAIL ADDRESS</strong>";
	str += "	<fieldset>";
	str += "        <input type=\"hidden\" name=\"mode\" value=\"2\" />";
	str += "		<div class=\"form-item\">";
	str += "			<label>USERNAME:</label>";
	str += "			<input type=\"text\" name=\"username\" class=\"form-text\" />";
	str += "			<a class=\"help\" href=\"#\" onclick=\"showLoginForm();\" >Back to Login form</a>";
	str += "		</div>";
	str += "		<div class=\"form-item\">";
	str += "			<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;EMAIL:</label>";
	str += "			<input type=\"text\" name=\"email\" class=\"form-text\" />";
	str += "		</div>";
	str += "		<div class=\"form-item\">";
	str += "			<input type=\"submit\" value=\"ENTER\" class=\"form-submit\" />";
	str += "		</div>";
	str += "	</fieldset>";
	document.getElementById('loginform').innerHTML = str;
}