$(function() {
  $('.error').hide();
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#FFDDAA"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });


	

  $(".button").click(function() {
							  
	$(".titulo1").animate({"height": "hide"}, { duration: 1000 });
							  
		// validate and process form
		// first hide any error messages
    $('.error').hide();
		
	  var nombre = $("input#nombre").val();
		if (nombre == "") {
      $("label#nombre_error").show();
	//$("#errores").css("height","400px"); 
	$("input#nombre").focus();
      return false;
    }
		var email = $("input#email").val();
		if (email == "") {
      $("label#email_error").show();
      $("input#email").focus();
      return false;
    }
		var apellido = $("input#apellido").val();
		if (apellido == "") {
      $("label#apellido_error").show();
      $("input#apellido").focus();
      return false;
    }
	
	//
	var dia = $("#dia").val();//.selectedIndex.value
	var mes = $("#mes").val();
	var ano = $("#ano").val();
	//
	var direccion = $("input#direccion").val();
	var provincia = $("#provincia").val();
	var fijo = $("input#fijo").val();
	var celular = $("input#celular").val();
	var empresa = $("#empresa").val();
	var suscribe= $("input[@name='suscribe']:checked").val();
	//
	
//	var p10 = $("#p10").val();
	var p1= $("input[@name='p1']:checked").val();
	var p2= $("input[@name='p2']:checked").val();
	
	//var p3 = $('select.p3').val(); 
	
	var arrp3 = [];
	var p3=0;
	$('#p3 :selected').each(function(i, selected){
		arrp3[i] = $(selected).val();
	});
	
	for(var i = 0; i < arrp3.length; i++){
		var thisVal = parseInt(arrp3[i]);
		 if(!isNaN(thisVal)){
			p3 += thisVal;
		 }
	}
	
	
	var arrp4 = [];
	var p4=0;
	$('#p4 :selected').each(function(i, selected){
		arrp4[i] = $(selected).val();
	});
	
	for(var i = 0; i < arrp4.length; i++){
		var thisVal = parseInt(arrp4[i]);
		 if(!isNaN(thisVal)){
			p4 += thisVal;
		 }
	}	
	
	

	var p5= $("input[@name='p5']:checked").val();
	var p6= $("input[@name='p6']:checked").val();
	var p7= $("input[@name='p7']:checked").val();
	var p8= $("input[@name='p8']:checked").val();
	var p9= $("input[@name='p9']:checked").val();
	var p10= $("input[@name='p10']:checked").val();

	
		var dataString = 'nombre='+ nombre + '&email=' + email + '&apellido=' + apellido + '&dia=' + dia+ '&mes=' + mes+ '&ano=' + ano+ '&direccion=' + direccion + '&celular=' + celular + '&fijo=' + fijo + '&provincia=' + provincia + '&empresa=' + empresa + '&p1=' + p1+ '&p2=' + p2+ '&p3=' + p3+ '&p4=' + p4+ '&p5=' + p5+ '&p6=' + p6+ '&p7=' + p7+ '&p8=' + p8+ '&p9=' + p9+ '&p10=' + p10 + '&suscribe=' + suscribe
		
		$.ajax({
      type: "POST",
      url: "procesa.php",
      data: dataString,
      success: function(datos) {
		  $("#formulario").css("height","750px"); 
		  		pesos= datos.split("-")
        $('#formulario').html("<div id='message'></div>");
        $('#message').html("<h2>GRACIAS POR PARTICIPAR EN NUESTRA ENCUESTA</h2><hr  />")
        .append("<br /><div id=\"bloque\">	<span class=\"corrido\">Seg&uacute;n tus respuestas, hoy en tu casa ten&eacute;s alrededor de:<br /><br /></span>	<span class=\"kilos\">"+pesos[0]+"</span> kg de basura electr&oacute;nica <br />	<span class=\"kilos\">"+pesos[1]+"</span> kg de aparatos que pronto se convertir&aacute;n en basura<br /></div><div id=\"bloque2\"><p><strong>&iquest;PENSASTE QU&eacute; VAS A HACER CON TU  CELULAR O TU COMPUTADORA CUANDO YA NO SIRVAN?</strong></p><p><strong>Greenpeace impulsa una <a moz-do-not-send=\"true\" href=\"http://www.greenpeace.org/argentina/contaminaci-n/basta-de-basura/un-nuevo-flujo-de-residuos-pel\" target=\"_blank\">Ley  para la Gesti&oacute;n de Residuos de Aparatos Electr&oacute;nicos y El&eacute;ctricos</a> para que  los productores reciban y gestionen la basura electr&oacute;nica. </strong></p><p>La basura electr&oacute;nica est&aacute; compuesta por residuos de aparatos electr&oacute;nicos y  el&eacute;ctricos, y es la porci&oacute;n de la basura domiciliaria que m&aacute;s r&aacute;pido est&aacute;  creciendo. </p><p>En Argentina,<strong> una casa tipo produce  promedio 10 kg.  de basura electr&oacute;nica por a&ntilde;o y cada habitante consume m&aacute;s de 10 pilas por a&ntilde;o.</strong></p><p>La basura electr&oacute;nica es reciclada en la mayor&iacute;a de los pa&iacute;ses del mundo ya  que contiene sustancias altamente contaminantes que al ser enterradas o  incineradas contaminan el suelo, las napas de agua y el aire, afectando a la  salud de las personas. <strong>Hoy en nuestro pa&iacute;s la basura electr&oacute;nica es enterrada  en rellenos o basurales o es incinerada.</strong></p><p><span lang=\"ES-AR\" xml:lang=\"ES-AR\">Adem&aacute;s,  estos residuos contienen metales muy valiosos como oro, plata, platino, y cobre  que podr&iacute;an ser reciclados y reutilizados. </span></p><p>Los productores de los aparatos el&eacute;ctricos y electr&oacute;nicos deben hacerse  responsables de sus productos una vez que estos son desechados y fabricar  productos limpios de sustancias t&oacute;xicas, m&aacute;s durables y f&aacute;ciles de reciclar y  recuperar. </p><p><a href=\"https://unite.greenpeace.org.ar/?referrer=be_enc_web\"><img src=\"imgs/btn_dona.jpg\" alt=\"Don&aacute; a Greenpeace\" width=\"274\" height=\"42\" /></a> <a href=\"http://www.greenpeace.org.ar/taf/?intIdTaf=206\"><img src=\"imgs/btn_taf.jpg\" alt=\"Enviar a un amigo\" width=\"274\" height=\"42\" /></a></p><hr  /><p>Compartilo en: <a href=\"http://www.facebook.com/share.php?u=http://www.greenpeace.org.ar/encuestaRAEE\"><img src=\"imgs/facebook.jpg\" alt=\"Publicar en Facebook\" width=\"22\" height=\"27\" /></a><a href=\"http://www.sonico.com/share.php?url=http://www.greenpeace.org.ar/encuestaRAEE\"><img src=\"imgs/sonico.jpg\" alt=\"Compartir en S&oacute;nico\" width=\"23\" height=\"27\" /></a><a href=\"http://twitter.com/home?status=Enterate cuanta basura electronica generas http://www.greenpeace.org.ar/encuestaRAEE\"><img src=\"imgs/twitter.jpg\" alt=\"Compartir en Twitter\" width=\"22\" height=\"27\" /></a></p></div>")
        .hide()
        .fadeIn(1500, function() {
          //$('#message').append("<img id='checkmark' src='images/check.png' />");
        });
      }
     });
    return false;
	});
});
runOnLoad(function(){
  $("input#nombre").select().focus();
});