/**
 * --------------------------------------------------------------------
 * Datacenter WayWeb
 * Version: 1.0, 13-07-2009
 * by WayWeb Lab
 *                      http://wayweb.com/
 *
 * Copyright (c) 2009 WayWeb Advisors
 *
 * --------------------------------------------------------------------
 */
 $(function(){
	$(".listaDatacenter a").each(function(){
		$(this).click(function() {
			var divId = $(this).attr('rel');
			$(".descripcionDataCenter div").each(function() {
				if($(this).is(":visible"))
					$(this).hide();
			});
			$(".listaDatacenter a").each(function() {
				$(this).css({'color':'#626262', 'font-weight':'normal'});
			});
			$(".cotizar").css({'color':'#626262', 'font-weight':'normal'});
			$("." + divId).fadeIn('slow');	
			if($(".formularioCotizar").is(":visible"))
				$(".formularioCotizar").slideDown().hide();
			
			$(this).css({'color':'#449d2a', 'font-weight':'bold'});
		});
	});
	
	$(".cotizar").click(function(){
		$(".descripcionDataCenter div").each(function(){
			$(this).slideUp();									  
		});
		$(".listaDatacenter a").each(function() {
			$(this).css({'color':'#626262', 'font-weight':'normal'});
		});
		$(this).css({'color':'#449d2a', 'font-weight':'bold'});
		
		$(".formularioCotizar").show();
	});
	
	$("input[id=ok]").click(function(){
		$(".respuesta").text('');
		var validador = $("input[name=validador]").val();		
		var campoNombre = $("input[name=campoNombre]").val();		
		var campoEmail = $("input[name=campoEmail]").val();		
		var campoTipoServicio = $("select[name=tipoServicio]").val();		
		var campoComentario = $("textarea[name=campoComentario]").val();		
		var campoCaptcha = $("input[name=campoCaptcha]").val();
		campoComentario = htmlentities(campoComentario);
		campoComentario = str_replace("&", "/amp/",campoComentario);

		var datosEnvio = "validador="+validador+"&campoNombre="+campoNombre+"&campoEmail="+campoEmail+"&tipoServicio="+campoTipoServicio+"&campoComentario="+campoComentario+"&campoCaptcha="+campoCaptcha;
		
		$.ajax({
			dataType: "html",
			url: "cotizarDatacenter.php",
			beforeSend: function() {
				$(".loader").show();
				$(".statusEnvio").text("Validando Campos...");
			},
			success: function(datos){
				$(".loader").hide();
				if(datos == "true") {
					$(".respuesta").html();
					//Segundo envio
					$.ajax({
						dataType: "html",
						url: "cotizarDatacenter.php?envioCorreo=1",
						beforeSend: function() {
							$(".loader").show();
							$(".statusEnvio").text("Enviando el correo...");
						},
						success: function(datos){
							$(".loader").hide();
							$(".respuesta").html(datos);
							if(datos == '<span class="colorVerde">Gracias por confiar en nosotros, se ha enviado el correo correctamente, pronto le atenderemos.&nbsp;<img src="images/accept.png" class="bullet" alt="True"></span>') {
								$("input[name=campoEmail]").attr('value', '');							
								$("input[name=campoCaptcha]").attr('value', '');							
								$("textarea[name=campoComentario]").attr('value', '');
								$("input[id=ok]").attr('disabled', true);
							}
						},
						timeout: 3000,
						type: "POST",
						data: datosEnvio
					});

				} else {
					$(".respuesta").html(datos);
				}
			},
			timeout: 3000,
			type: "POST",
			data: datosEnvio
		});
	});
	
});
