// JavaScript Document
$(document).ready(function(){
	str = '';
	document.reg.username.focus ();
	$.validator.setDefaults({
		success: "valid"
	});
	$("#reg").validate({
	rules: {
		username_check: "required",
		username_check2: "required",
		pass: {
			required: true,
			minlength: 4
		},
		passo: {
			required: true,
			minlength: 4,
			equalTo: "#pass"
		},
		email_check: "required",
		email_check2: "required",
		name: {
			required: true,
			minlength: 3
		},
		surname: {
			required: true,
			minlength: 3
		},
		url_check: "required",
		url_check2: "required",
		category: "required",
		podcategory: "required",
		page_name: {
			required:true,
			minlength: 5,
			maxlength: 100
		},
		about: {
			required:true,
			minlength: 25,
			maxlength: 350
		},
		captcha1: "required",
		captcha2: "required",
		accept: {
			 required:true
		}
	},
	messages: {
		username_check: "",
		username_check2: "Prosím vyplňte užívateľské meno!",
		pass: {
			required: "Prosím vyplňte heslo!",
			minlength: "Heslo musí mať aspoň 4 znaky!"
		},
		passo: {
			required: "Prosím zopakujte heslo!",
			minlength: "Heslo musí mať aspoň 4 znaky!",
			equalTo: "Heslá sa nerovnajú!"
		},
		email_check: "",
		email_check2: "Prosím vyplňte email!",
		name: {
			required: "Prosím vyplňte meno!",
			minlength: "Zadajte aspoň 3 znaky"
		},
		surname: {
			required: "Prosím vyplňte priezvisko!"
		},
		url_check: "",
		url_check2: "Prosím vyplňte adresu url!",
		category: "Prosím vyberte si kategóriu stránky!",
		podcategory: "Prosím vyberte si podkategóriu stránky!",
		page_name: {
			required: "Prosím vyplňte názov stránky!",
			maxlength: "Prekročili ste maximálny počet znakov 100!",
			minlength: "Prosím zadajte aspoň 5 znakov!"
		},
		about: {
			required: "Prosím vyplňte popis stránky!",
			maxlength: "Prekročili ste maximálny počet znakov 350!",
			minlength: "Prosím zadajte aspoň 25 znakov!"
		},
		captcha1: "",
		captcha2: "Prosím opíšte kontrolný reťazec!",
		accept: "Pre pokračovanie musíte súhlasiť s podmienkami registrácie!"
	},
	// the errorPlacement has to take the table layout into account
	errorPlacement: function(error, element) {
			error.appendTo( element.parent().next() );
	}
  });
  $("#username").keyup(function(){
	$("#username_check2").attr({value: "ok"});
	$("#msgbox_u").fadeTo(0.1,200);
	$("#msgbox_u").html('<label class="check" generated="true" for="username">Kontrolujem...</label>').fadeIn("slow");
	$.post("data_availability.php",{ user_name:$(this).val() } ,function(data)
	{
	  if(data=='no')
	  {
		  $("#msgbox_u").fadeTo(0.1,200);
		  $("#msgbox_u").html('<label class="error2" generated="true" for="username">Užívateľské meno už existuje!</label>').fadeTo(900,1);
		  $("#username_check").attr({value: ""});		
	  }
	  else if(data=='yes')
	  {
		  $("#msgbox_u").fadeTo(0.1,200);
		  $("#msgbox_u").html('<label class="valid" generated="true" for="username"></label>').fadeTo(900,1);
		  $("#username_check").attr({value: "ok"});
	  }
	  else if(data=='len')
	  {
		  $("#msgbox_u").fadeTo(0.1,200);
		  $("#msgbox_u").html('<label class="error2">Vyplňte aspoň 3 znaky!</label>').fadeTo(900,1);
		  $("#username_check").attr({value: ""});
	  }		
	});
  });
  $("#email").keyup(function(){
	$("#email_check2").attr({value: "ok"});
	$("#msgbox_e").fadeTo(0.1,200);
	$("#msgbox_e").html('<label class="check" generated="true" for="email">Kontrolujem...</label>').fadeIn("slow");
	$.post("data_availability.php",{ email:$(this).val() } ,function(data)
	{
	  if(data=='no')
	  {
		  $("#msgbox_e").fadeTo(0.1,200);
		  $("#msgbox_e").html('<label class="error2" generated="true" for="email">Email sa používa! Ak ste sa už registrovali stačí sa prihlásiť.</label>').fadeTo(900,1);
		  $("#email_check").attr({value: ""});	
	  }
	  else if(data=='yes')
	  {
		  $("#msgbox_e").fadeTo(0.1,200);
		  $("#msgbox_e").html('<label class="valid" generated="true" for="email"></label>').fadeTo(900,1);
		  $("#email_check").attr({value: "ok"});
	  }
	  else if(data=='len')
	  {
		  $("#msgbox_e").fadeTo(0.1,200);
		  $("#msgbox_e").html('<label class="error2">Prosím vložte správny email!</label>').fadeTo(900,1);
		  $("#email_check").attr({value: ""});
	  }	
	});
  });
  $("#url").keyup(function(){
	$("#url_check2").attr({value: "ok"});
	$("#msgbox_url").fadeTo(0.1,200);
	$("#msgbox_url").html('<label class="check" generated="true" for="url">Kontrolujem...</label>').fadeIn("slow");
	$.post("data_availability.php",{ url:$(this).val() } ,function(data)
	{
	  if(data=='no')
	  {
		  $("#msgbox_url").fadeTo(0.1,200);
		  $("#msgbox_url").html('<label class="error2" generated="true" for="url">Adresa sa už v katalógu nachádza!</label>').fadeTo(900,1);
		  $("#url_check").attr({value: ""});	
	  }
	  else if(data=='yes')
	  {
		  $("#msgbox_url").fadeTo(0.1,200);
		  $("#msgbox_url").html('<label class="valid" generated="true" for="url"></label>').fadeTo(900,1);
		  $("#url_check").attr({value: "ok"});
	  }
	  else if(data=='len')
	  {
		  $("#msgbox_url").fadeTo(0.1,200);
		  $("#msgbox_url").html('<label class="error2">Prosím vyplňte korektnú url adresu v tvare http://...!</label>').fadeTo(900,1);
		  $("#url_check").attr({value: ""});
	  }	
	});
  });
  refreshing(1);
  $("#str").keyup(function(){
	check_captcha(2);
  });
});
function check_captcha(x){
	if(x != 1){
		$("#captcha2").attr({value: "ok"});
		$("#msgbox2").html('<label class="check" generated="true" for="str">Kontrolujem...</label>').fadeIn("slow");
		if($("#str").val() != str){
			  $("#msgbox2").html('<label class="error2" generated="true" for="str">Nesprávne vyplnený reťazec! Kliknutím na obrázok načítate nový.</label>').fadeTo(900,1);
			  $("#captcha1").attr({value: ""});
		}else{
			  $("#msgbox2").html('<label class="valid" generated="true" for="str"></label>').fadeTo(900,1);
			  $("#captcha1").attr({value: "ok"});
		}
	}
}
function refreshing(x){
	var date = new Date();
	var time = date.getTime();
  	$.post("imgrndstr/rand.php",{},function(data){
		$("#captcha").attr({src: "imgrndstr/image.jpg?"+time});
		str = data;
		check_captcha(x);
  	});	
}