function validateFormm(form) {

	$(".validate").remove();
	var erori = 0;
	$(".required")
			.each(
					function() {
						if ($(this).val() == "") {
							$(
									"<div class ='validate' style = 'color:red'>This field is required</div>")
									.insertAfter($(this));

							erori++;
						}
						else {
							if ($(this).attr("name")=="email"){
								var regexp = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i;
								if (!regexp.test($(this).val())){
									$("<div class ='validate' style = 'color:red'>Please provide correct email</div>")
									.insertAfter($(this));
									erori++;
								}
							}
						}

					});
	if (erori > 0) {
		return false;
	} else {
		if (($("#usernameResult").text() != "Username Available")
				&& ($("#usernameResult").text() != "Title Available"))
			return false;
		else
			return true;
	}
};
function finishAjaxx(id, response) {

	$('#usernameLoading').hide();
	$('#' + id).html(unescape(response));
	$('#' + id).fadeIn();

}
$(document)
		.ready(function() {

			// Expand Panel
				$("#open").click(function() {
					$("div#panel").slideDown("slow");

				});

				// Collapse Panel
				$("#close").click(function() {
					$("div#panel").slideUp("slow");
				});
				$(document).load(function() {
					if ($("#guest").text() != "Hello Guest") {
						$("#toggle #open").remove();
						$("#toggle #close").remove();
						$("#logoff").toggle();

					}
				});

				// Switch buttons from "Log In | Register" to "Close Panel" on
				// click
				$("#toggle #open").click(function() {
					$("#toggle #close").toggle();
					$("#toggle #open").toggle();
				});
				$("#toggle #close").click(function() {
					$("#toggle #open").toggle();
					$("#toggle #close").toggle();
				});
				$("#signup")
						.click(
								function() {
									$("#panel").css("height", "600px");
									$(this).remove();
									var html = '<form id = "myFormm" action="register.php" method="post" enctype="multipart/form-data">		'
											+ '<p><em>*</em> This fields are required</p>'
											+ '<label class="grey" for="signup">Username:<em>*</em></label>'
											+ '<input class="field required" type="text" name="username" id="username" value="" size="23" />'
											+ '<span id="usernameLoading"><img src="indicator.gif" alt="Ajax Indicator" /></span>'
											+ '<div id = "usernameResult"></div>'
											+ '<label class="grey" for="password">Password:<em>*</em></label>'
											+ '<input class="field required" type="password" name="password" id="password" size="23" />'
											+ '<label class="grey" for="Name">Name:<em>*</em></label>'
											+ '<input class="field required" type="text" name="name" id="name" value="" size="23" />'
											+ '<label class="grey" for="email">Email:<em>*</em></label>'
											+ '<input class="field required" type="text" name="email" id="email" value="" size="23" />'
											+ '<label class="grey" for="cooking">Cooking Level:</label>'
											+ '<select  class="field" name = "ckLevel">'
											+ '<option>Beginner</option>'
											+ '<option>Medium</option>'
											+ '<option>Advanced</option>'
											+ '</select>'
											+ '<label class="grey" for="favourite">Favourite to cook:</label>'
											+ '<textarea  class="field" name = "favourite" cols = "35" rows = "4"></textarea>'
											+ '<label class="grey" for="About">About me:</label>'
											+ '<textarea  class="field" name = "Aboutme" cols = "35" rows = "4"></textarea>'
											+ '<label class="grey" for="password">Photo:</label>'
											+ '<input class="file" type="file" name="file" id="photo" value="" size="23" />'
											+ '<input type="button" id = "registerr" onclick = "return false;" name="submit" value="Register" class="bt_register" />'
											+ '<input type="submit" style = "display:none" id = "submit2" onclick = "return false;" name="submit" value="Register" class="bt_register" />'
											+ '</form>';
									$(html).appendTo($("#register"));
									$('#usernameResult').hide();
									$('#usernameLoading').hide();
									$('#username')
											.blur(
													function() {
														$('#usernameLoading')
																.show();
														$
																.post(
																		"check.php",
																		{
																			user : $(
																					'#username')
																					.val()
																		},
																		function(
																				response) {
																			// $('#usernameResult').fadeOut();
																			setTimeout(
																					"finishAjaxx('usernameResult', '"
																							+ escape(response)
																							+ "')",
																					400);
																		});
														return false;
													});
									$("#registerr")
											.click(
													function() {
														var recipeForm = $("#myFormm");
														var valid = validateFormm(recipeForm);
														if (valid) {
															jQuery("#submit2")
																	.trigger(
																			'click');
														}

													});
								});
				$('#usernameResult').hide();
				$('#usernameLoading').hide();
				$('#username').blur(
						function() {
							$('#usernameLoading').show();
							$.post("check.php", {
								user : $('#username').val()
							}, function(response) {
								// $('#usernameResult').fadeOut();
									setTimeout(
											"finishAjaxx('usernameResult', '"
													+ escape(response) + "')",
											400);
								});
							return false;
						});
				$("#registerr").click(function() {
					var recipeForm = $("#myFormm");
					var valid = validateFormm(recipeForm);
					if (valid) {
						jQuery("#submit2").trigger('click');
					}

				});

			});