// JavaScript Document
$(document).ready(function() {
	$(".color_selector").click(function() {
		$("#selected_color").val($(this).attr("id"));
		$(".color_selector").removeClass("color_selector_selected");
		$(this).addClass("color_selector_selected");
	});
	$("#loginform").submit(function() {
		return false;
	});
	$("#signupbutton").click(function() {
		//captchapopup("","","");
		$('#captchacode').keypress(function(e) {
		    if (e.which == 13) { // enter key was pressed
		    	
		    	return false;
		    }
		});
//		if(checkEmailAddress($("#signup_email").val())){
			$("#captcha_box").show();
//		}else{
//			$("#signuperrordiv").text("Please provide a valid email.");
//		}
	});
	$("#login").click(function() {
//		if(checkEmailAddress($("#login_email").val()) && $("#login_password").val().length){
			//$("#loginform").unbind('submit');
//		}else{
//			$("#loginerrordiv").text("Please provide a valid email and password.");
//		}
		
	});
	//$("input[type=text]").each(function(){
	//	$(this).attr("maxlength", "30");
	//});
	
	$("form#resetpasswordfm").submit(function(){
		if(!verifyforgetpassword()){
			return false;
		}
		return true;
	});
	
	$("input[name= signup_email]").attr("maxlength", "255");
	$("input[name= mobile]").attr("maxlength", "255");
	$("input[name= city]").attr("maxlength", "255");
	$("input[name= hometown]").attr("maxlength", "255");
	
});
/**
 * captchapopup
 * @param email
 * @param themecolor
 * @param fsref
 */
//function captchapopup(email, themecolor, fsref) {
//	
//	var popup = '<form action="/login" method="post" id="captchasignup">'
//				+'<div class="box_content">'
//				+'<h1>Enter the code </h1>'
//				+'<div class="box_info">'
//				+'<div class="user">'
//				
//				+'<div class="code">'
//				+'  <div class="code_reload"><input name="" type="button" value="" /></div>'
//				+'  <div class="code_image"><img src="/res/basicsocialnetwork/styles/default/en/image/code.jpg" width="154" height="58" /></div>'
//				+'</div>'
//				+'</div>'     
//				+'<div class="code_input">'
//				+'<div class="sign_up_word">The code:</div>'
//				+'<input name="" type="text" /> <a href="#">?</a>'
//				+'<div class="clearfloat"></div>'
//				+'</div>'
//				
//				+'<div class="box_b">'
//				+'<span class="yes_b" onClick="captchsignupsubmit()">Continue</span>'
//				+'<span class="fake_button"><span class="cancel_b" onClick="$(\'#captcha_box\').hide()"><a href="#">Cancel</a></span></span>'
//				+'</div>'
//				+'<div id="wait_addfriend" style="display:none"><img src="/res/basicsocialnetwork/styles/default/en/image/loading.gif"/></div>'
//				+'</div>'
//				+'</form>';
//	$("#add_box").html(popup);			
//	$("#add_box").show();			
//}


/**
 * captchsignupsubmit
 */
function captchsignupsubmit() {
	loading_request(true, "wait_captcha_div");
	var postdata = $("#captchasignup").serialize();
	var jqxhr = $.post("/checkcaptcha/", postdata, function(data) {
		$('#captchacode').val("");
		if(data){
			$("#captcha_box").html(data);
			$("#captchaimage").remove();
			$(".code_image").html('<img id="captchacode" src="/securimage/'+Math.random()+'" alt="Reloading captcha... Please Wait..."/>');
			loading_request(false, "wait_captcha_div");
		}else{
			$("#loginform").unbind('submit');
			$("#loginform").submit(function() {
				return true;
			});
			$("#signupbutton").click();
		}
	});
}

/**
 * Display loading image
 * @param onoff
 * @param div_id
 */
function loading_request(onoff, div_id){
	if (onoff) {
		$("#"+div_id).show();
	} else {
		$("#"+div_id).hide();
	}
}

/**
 * checkEmailAddress
 * param email:string
 */
function checkEmailAddress(email){
	if ($.trim(email).length) {
	var filter = new RegExp("^([\\w-]{1,}(.){0,}(\\?:\\.[\\w-]{1,}){0,})@(((\\?:[\\w-]{1,}\\.){0,}\\w[\\w-]{0,66})\\.([a-z]{1,6}(\\?:\\.[a-z]{2}){0,1})){1,}$");
		if (!filter.test(email)) {
			return false;
		}
	}else{
		return false;
	}
	return true;
}

function verifyforgetpassword(){
	$("p#p_passworderror").hide();
	if($.trim($("#password").val()).length < 6){
		//infoerrorpopup(1, wrongpassowrdmsg);
		$("p#p_passworderror").text("Please enter password with at least 6 characters.");
		$("p#p_passworderror").show();
		$("#password").focus();
		return false;
	}
	if($("#confirm_pwd").val() != $("#password").val()){
		//infoerrorpopup(1, "Your password does not match. Please try again.", "Please re-enter your password.");
		$("p#p_passworderror").text("Your password does not match. Please try again.");
		$("p#p_passworderror").show();
		$("#confirm_pwd").focus();
		return false;
	}
	return true;
}