$(function() {
	$('.fadein').hide();
	$('.fadein').hover().fadeIn(1500);
	
	$('.itemmenu').mouseover(function(){
		$(this).animate({top: "+=5px", opacity:"0.54"}, "fast");
	});
	
	$('.itemmenu').mouseout(function(){
		$(this).animate({top: "-=5px", opacity:"1"}, "slow");
	});
	$('.camp-text').focus(function(){
		$(this).css({backgroundColor:"#FFF"});
		$(this).css({backgroundColor:"#FFF"});
		
		$(this).css({color:"#333"});
		$(this).attr("value","");
	});
	
	$('input').blur(function(){
		$(this).css({backgroundColor:"#333"});
		$(this).css({color:"#aaa"});
	});
	
	$(".busstton").click(function() {
		// validate and process form
		// first hide any error messages
		var nombre = $("input#nombre").val();
		var email = $("input#email").val();
		
		if (nombre == "") {
      		$("input#nombre").css({borderColor:"#FF0000"});
			$("input#nombre").css({border:"1px solid #F00"});
			$("input#nombre").focus();
	    	return false;
    	}
		if (email == "") {
      		$("input#email").css({borderColor:"#FF0000"});
			$("input#email").css({border:"1px solid #F00"});
			$("input#email").focus();
	    	return false;
    	}
		var dataString = 'name='+ nombre + '&email=' + email;
		$.ajax({
			type: "POST",
			url: "sendmail.php",
			data: dataString,
			success: function() {
			$('#mailing_form').html("<div id='message'></div>");
        	$('#message').html("<h2>Te has inscrito correctamente.</h2>")
        		.append("<p>Pronto te mandaremos nuevas not&iacute;cias.</p>")
		        .hide()
				.fadeIn(1500, function() {
          			$('#message').append("");
        		});
      		},
			error: function(objeto, quepaso, otroobj){
				alert("Ha ocurrdo un error!: "+dataString);
			}
     	});
    	return true;
	});
});