$(document).ready( function() {

	$("#cleft").supersleight();
	$("#cright").supersleight();

	$("a").blur();
	$("a").click( function(event) {
		$("a").blur();
	});

});

$(function() {

	$(".zoomarea a").flyout( {
		closeTip:"Click para Cerrar",
		loadingSrc:"images/loading.gif"
 	});

	$(".zoomarea a").click( function() {
		$("#shadow").animate({ opacity: 0.7 }, 1 );
		$("#shadow").hide();
		$("#shadow").css("top", 0);
		$("#shadow").css("left", 0);
		$("#shadow").css("right", 0);
		$("#shadow").css("bottom", 0);
		$("#shadow").css("background-color", "#000000");
		$("#shadow").fadeIn("slow");
	});

	$("#frmcontacto").validate( {
		rules: {
			"Nombre": {
				required: true
			},
			"Provincia": {
				required: true
			},
			"E-mail": {
				required: true,
				email: true
			},
			"Tipo-Servicio": {
				required: true,
				minlength: 1
			},
			"Teléfono": {
				minlength: 9,
				maxlength: 9
			},
			"Fax": {
				minlength: 9,
				maxlength: 9
			}
		},
		messages: {
			"Nombre": {
				required: "<span class=\"validated\"><em> * Debe escribir su nombre.</em></span>"
			},
			"Provincia": {
				required: "<span class=\"validated\"><em> * Debe escribir su provincia.</em></span>"
			},
			"E-mail": {
				required: "<span class=\"validated\"><em> * Debe escribir su e-mail.</em></span>",
				email: "<span class=\"validated\"><em> * Debe escribir un e-mail válido.</em></span>"
			},
			"Teléfono": {
				minlength: "<span class=\"validated\"><em> * El teléfono dede tener 9 dígitos.</em></span>",
				maxlength: "<span class=\"validated\"><em> * El teléfono dede tener 9 dígitos.</em></span>"
			},
			"Fax": {
				minlength: "<span class=\"validated\"><em> * El fax dede tener 9 dígitos.</em></span>",
				maxlength: "<span class=\"validated\"><em> * El fax dede tener 9 dígitos.</em></span>"
			}
		}
	});

});
