$(document).ready(function() { 

	
    $("#columna2").children("h3").before("<div id='espai-warning'><div id='warning'></div></div>");
	$("#bloc-text-legal").hide();

	$("#form-ciutat").validate({
		showErrors: function(errorMap, errorList) {
			if(this.numberOfInvalids() == 1){
				switch($("html").attr("lang")){
					case "ca": $("#warning").html("Falta emplenar 1 camp obligatori.");
						break;
					case "es": $("#warning").html("Falta rellenar 1 campo obligatorio.");
						break;
					case "en": $("#warning").html("One compulsory field needs to be completed.");
						break;
				}
			}
			else {
				switch($("html").attr("lang")){
					case "ca": $("#warning").html("Falta emplenar " + this.numberOfInvalids() + " camps obligatoris.");
						break;
					case "es": $("#warning").html("Falta rellenar " + this.numberOfInvalids() + " campos obligatorios.");
						break;
					case "en": $("#warning").html(this.numberOfInvalids() + " compulsory fields need to be completed.");
						break;
				}
			//	window.scroll(0,0);
			}
			this.defaultShowErrors();
		},
		errorElement: "em",
		
		success: function(label) {
		},
		/*event: "blur",*/
		rules:{
			nom: "required",
			sexe:"required",
			edat:"required",
			rebremails:"required"
		},
		errorPlacement: function(error, element) {
			
			if(element.parent('p').length){
				
				if(element.parent('p').parent('div').length){	// PER A L'EDAT

					var esta_buit = true;
					for (var i=0; i<document.forms[0].edat.length; i++) {
						if (document.forms[0].edat[i].checked){
							esta_buit = false;
							break;
						}
					}
					if(esta_buit){
						element.parent('p').parent('div').parent('fieldset').children('legend').css("color","#cc0c2f");
					}
					else{
						element.parent('p').parent('div').parent('fieldset').children('legend').css("color","#000");
					}
					//error.insertAfter(element.parent('p').parent('div').parent('fieldset'));
				}
				else{ //  PER AL SEXE + REBREMAILS

					if(element.parent('p').parent('fieldset').parent("li").hasClass("cb-sexe")){
						if((document.forms[0].sexe[0].checked) || (document.forms[0].sexe[1].checked)){
							element.parent('p').parent('fieldset').children('legend').css("color","#000");
						}
						else{
							element.parent('p').parent('fieldset').children('legend').css("color","#cc0c2f");
						}
					}
					else{
						if((document.forms[0].rebremails[0].checked) || (document.forms[0].rebremails[1].checked)){
							element.parent('p').parent('fieldset').children('legend').css("color","#000");
						}
						else{
							element.parent('p').parent('fieldset').children('legend').css("color","#cc0c2f");
						}
					}
					//error.appendTo(element.parent('p').parent('fieldset'));
				}
			}else{	// PER AL NOM
				if(document.forms[0].nom.value != ""){
					element.parent('fieldset').children('label').css("color","#000");
				}
				else{
				//	element.parent('fieldset').children('label').css("color","#cc0c2f");
					element.parent('fieldset').children('label#etiqueta-nom').css("color","#cc0c2f");
				}
				//error.insertAfter(element).parent('fieldset').children('legend');
			}
		},
		
		errorContainer: $("#warning")/* compte!! NO POSAR COMA FINAL!!! */
	});
	
	$("textarea").change(function(event) {
		if(this.value.length>200){
			this.value=this.value.substring(0,200);
		}
	});

	$("textarea").keypress(function(event) {
		if(this.value.length>200){
			this.value=this.value.substring(0,200);
		}
	});
	
	switch($("html").attr("lang")){
		case "ca":
			$("#bloc-text-legal").prepend("<a id='tanca'>Tanca</a>");
		
			$("fieldset#camp-submit").append("<p class='text-legal'><a>Avís legal</a></p>");	
		break;
		case "es":
			$("#bloc-text-legal").prepend("<a id='tanca'>Cerrar</a>");
		
			$("fieldset#camp-submit").append("<p class='text-legal'><a>Aviso legal</a></p>");	
		break;
		case "en":
			$("#bloc-text-legal").prepend("<a id='tanca'>Close</a>");
		
			$("fieldset#camp-submit").append("<p class='text-legal'><a>Legal warning</a></p>");	
		break;
	}

	$("p.text-legal a").click(function(){
		$("#bloc-text-legal").addClass("absolute");
		$("#bloc-text-legal").fadeIn();	
	});

	$("#bloc-text-legal a#tanca").click(function(){
		$("#bloc-text-legal").fadeOut( function () {
			$("#bloc-text-legal").removeClass("absolute");
		});
	});
});


