/******************************************************************************************************************/
// TABS HANDLE
/******************************************************************************************************************/

function handleTabs(){
	var sfEls = document.getElementById("menu").getElementsByTagName("LI");
	for (var i=0; i < sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

$(function(){

	handleTabs();

	var button = $('#button1'), interval;
	if ($("#button1").length > 0) {
		new AjaxUpload(button,{
			action: '/wp-content/avatars/upload_avatar.php',
			name: 'myfile',
			data: { prefix : Math.floor(Math.random()*101) },
			onSubmit : function(file, ext){
				// change button text, when user selects file			
				button.text('Caricando');
				
				// If you want to allow uploading only 1 file at time,
				// you can disable upload button
				this.disable();
				
				// Uploding -> Uploading. -> Uploading...
				interval = window.setInterval(function(){
					var text = button.text();
					if (text.length < 13){
						button.text(text + '.');					
					} else {
						button.text('Carica');				
					}
				}, 200);
			},
			onComplete: function(file, response){
				button.text('Carica');
				window.clearInterval(interval);
				this.enable();
				$('#avatar_preview').html('<img id="preview" src="/wp-content/uploads/thumbs/phpThumb.php?src=../../avatars/tmp/' + response + '" /><input type="hidden" name="avatar" value="' + response + '" />');
			}
		});
	}

	$.validator.addMethod("checkData", function(value, element) {
		return ($('#mm').is(":filled") && $('#gg').is(":filled") && $('#aaaa').is(":filled"));
	}, "Inserisci la tua data di nascita");

	// validate signup form on keyup and submit
	$("#registerform").validate({
		errorElement: "small",
		errorPlacement: function(error, element) {
			if ( element.is(":checkbox") )
				error.appendTo ( element.parent() );
			else
				error.insertAfter( element );
		},
		rules: {
			user_login: {
				required: true,
				minlength: 3
			},
			user_pass: {
				required: true,
				minlength: 5
			},
			user_pass2: {
				required: true,
				equalTo: "#user_pass"
			},
			user_email: {
				required: true,
				email: true
			},
			aaaa: {
				checkData: true,
			},
			tipologia: {
				required: true
			},
			sesso: {
				required: true
			},
			privacy: "required"
		},
		messages: {
			user_login: {
				required: "Inserisci uno username",
				minlength: "La lunghezza minima &egrave; di 3 caratteri"
			},
			user_pass: {
				required: "Inserisci una password",
				minlength: "La password deve essere di almeno 5 caratteri alfanumerici"
			},
			user_pass2: {
				required: "Riscrivi la password inserita",
				equalTo: "La password riscritta non corrisponde a quella inserita"
			},
			user_email: {
				required: "Inserisci un indirizzo email",
				email: "Email non valida",
			},
			tipologia: {
				required: "Seleziona la tipologia di utente"
			},
			sesso: {
				required: "Seleziona il tuo sesso"
			},
			privacy: "&Egrave; obbligatorio accettare le condizioni sulla privacy"
		}
	});

	$("#loginform").validate({
		errorElement: "small",
		rules: {
			log: "required",
			pwd: "required"
		},
		messages: {
			log: "Inserisci il tuo username",
			pwd: "Inserisci la tua password"
		}
	});

	$("#lostpasswordform").validate({
		errorElement: "small",
		rules: {
			user_login: "required"
		},
		messages: {
			user_login: "Inserisci il tuo username o la tua email"
		}
	});

	$("#tipologia").change(function() {
		if ($(this).val() == 'Utente') {
			$('#Utente').show().children('input,select').removeAttr('disabled');
		}else {
			$('#Utente').hide().find('input,select').attr('disabled', true);
		}
	});

	$('#Utente').hide().children('input,select').attr('disabled', true);

});