function initCorreo(){
	//ayudas visuales
	$(':text, textarea').bind('mouseover mouseout', function(){
		$(this).toggleClass('hover');
	}).focus(function(){
		$(this).removeClass('fill');
		$(this).addClass('focus');
	}).blur(function(){
		if($(this).val() != ''){
			$(this).addClass('fill');
		}else{
			$(this).removeClass('focus');
		}
	});
	
	var $btn = $('#boton');
	$btn.bind('mouseover mouseout', function(){
		$(this).toggleClass('bhover');
	});
	
	//chequear
	$btn.click(function(){
		var hasError = false;
		var msg = '<span style="letter-space:0; color:#F00; background:#FFF; font-size: 12px; text-decoration: underline;">*</span>';
		
		var nombreVal = $('#nombre').val();
		if(nombreVal.length < 3) {
			$('label[for="nombre"] span').remove();
			$('label[for="nombre"]').append(msg);
			//$('input[name="nombre"]').defaultvalue("campo obligatorio");
			hasError = true;
		}else{
			$('label[for="nombre"] span').remove();
		}
		
		var apellidosVal = $('#apellidos').val();
		if(apellidosVal.length < 3) { // || apellidosVal=='campo obligatorio') {
			$('label[for="apellidos"] span').remove();
			$('label[for="apellidos"]').append(msg);
			//$('input[name="apellidos"]').defaultvalue("campo obligatorio");
			hasError = true;
		}else{
			$('label[for="apellidos"] span').remove();
		}
		
		var tlfReg = /^\+?\d+\d+\d$/;// /(^[0-9\s\+\-])+$/;
		var tlfVal = $('#tlf').val();
		if(tlfVal.length < 3) {
			$('label[for="tlf"] span').remove();
			$('label[for="tlf"]').append(msg);
			hasError = true;
		}else if(!tlfReg.test(tlfVal)){
			$('label[for="tlf"] span').remove();
			//$('input[name="tlf"]').defaultvalue("Introduzca un número válido");
			$('label[for="tlf"]').append('<span style="letter-space:0; color:#F00; background:#FFF; font-size: 12px; text-decoration: underline;">**</span>');
			hasError = true;
		}else{
			$('label[for="tlf"] span').remove();
		}
		
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		var emailVal = $('#email').val();
		if(emailVal.length < 3) {
			$('label[for="email"] span').remove();
			$('label[for="email"]').append(msg);
			hasError = true;
		} else if(!emailReg.test(emailVal)){
			$('label[for="email"] span').remove();
			//$('input[name="email"]').defaultvalue("Introduzca un correo válido");
			$('label[for="email"]').append('<span style="letter-space:0; color:#F00; background:#FFF; font-size: 12px; text-decoration: underline;">**</span>');
			hasError = true;
		}else{
			$('label[for="email"] span').remove();
		}
		
		var mensajeVal = $('#mensaje').val();
		if(mensajeVal != undefined && mensajeVal.length < 3) {
			$('label[for="mensaje"] span').remove();
			$('label[for="mensaje"]').append(msg);
			hasError = true;
		}else{
			$('label[for="mensaje"] span').remove();
		}
		
		if(hasError == true){
			var $historia = $('#historia');
			$historia.fadeIn()
		}
		
		if(hasError == false){
			var $form = $('#contacto_forma');
			var $historia = $('#historia');
			var $load = $('#barraCarga');
			$form.hide()
			$historia.hide()
			$load.fadeIn()
			//document.getElementById('barraCarga').style.display="block";
			$form.after('<div id="resultado"></div>');
			$btn.attr('disabled', true);
			$.ajax({
				cache: false,
				type: 'POST',
				url: $form.attr('action'),
				data: $form.serialize(),
				error: function(){
					//error	
				},
				success: function(data) {
					$form.hide()
					$load.hide()
					//document.getElementById('barraCarga').style.display="none";
					$('#resultado').html(data).append('<p>Gracias por contactar con nosotros<br/>Le responderemos con la mayor brevedad<br/><br/><a href="javascript:;" id="restart">Escribir otro mensaje</a></p>').hide().fadeIn();
					$('#restart').click(function(){
						$('#resultado').remove();
						$btn.attr('disabled', false).toggleClass('bhover');
						$form.find(':text, textarea').val('').removeClass('fill focus');
						$form.fadeIn()
						return false;
					});
				}
			});
		}
		return false;
	});
}

/*==============
Llamar las functiones
==============*/

$(document).ready(function(){
	initCorreo();
	$('#wrap').hide();
});

$(window).bind('load', function(){
	$('#wrap').slideDown(1000);
});