// #####################
// Operaciones con AJAX
//######################

/*function nuevoAjax() {

	var xmlhttp=false;

 	try {
 		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
 	} catch (e) {
		 // assume IE6 or older 
   		var XmlHttpVersions = new Array("MSXML2.XMLHTTP.6.0", 
                                   		 "MSXML2.XMLHTTP.5.0", 
                                    	 "MSXML2.XMLHTTP.4.0", 
                                    	 "MSXML2.XMLHTTP.3.0", 
                                    	 "MSXML2.XMLHTTP", 
                                    	 "Microsoft.XMLHTTP"); 
		 
    		// try every prog id until one works 
    		for (var i=0; i<XmlHttpVersions.length && !xmlhttp; i++) { 
      		try {  
        		// try to create XMLHttpRequest object 
        		xmlhttp = new ActiveXObject(XmlHttpVersions[i]); 
     		 }  
     		 catch (e) {} 
    		} 

  	}

	if (!xmlhttp && typeof window.XMLHttpRequest!='undefined') {
 		xmlhttp = new window.XMLHttpRequest();
	}
	return xmlhttp;
}*/

function cuestionario_NuevoAjax(){
        
		var xmlhttp=false;
		
        try {
                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e){
                try{
                        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }catch(E){
                        xmlhttp = false;
                }
        }

        if(!xmlhttp && typeof XMLHttpRequest!='undefined') {
                xmlhttp = new XMLHttpRequest();
        }
        
		return xmlhttp;
}


// Validar campos y devolver la cadena de parámetros a enviar
function validar_campos_cuestionario() {
	
	var params = "";
	var temas_interes = "";
	
	var p_1_a = document.forms.pregunta_1.p_1_a;
	var p_1_b = document.forms.pregunta_1.p_1_b;
	var p_1_c = document.forms.pregunta_1.otro_p_1.value;
	var p_2_a = document.forms.pregunta_2.cambio_p_2.value;
	var p_3_a = document.forms.pregunta_3.p_3_a;
	var p_3_b = document.forms.pregunta_3.p_3_b;
	var p_3_c = document.forms.pregunta_3.otro_p_3.value;
	var p_4_a = document.forms.pregunta_4.descripcion_p_4.value;
	var p_5_a = document.forms.pregunta_5.sugerencias_p_5.value;
	var p_6_a = document.forms.pregunta_6.feng_shui.value;
	var p_6_b = document.forms.pregunta_6.domotica.value;
	var p_6_c = document.forms.pregunta_6.decoracion.value;
	var p_6_d = document.forms.pregunta_6.otro_tema_interes.value;
	
	if (p_1_a.checked) params = "p_1=si";
	if (p_1_b.checked) params = "&p_1=no";
	if (p_1_c != "") params = params + "&p_1="+p_1_c;
	
	if (p_2_a != "") params = params + "&p_2="+p_2_a;

	if (p_3_a.checked) params = params + "&p_3=si";
	if (p_3_b.checked) params = params + "&p_3=no";
	if (p_3_c != "") params = params + "&p_3="+p_3_c;
	
	if (p_4_a != "") params = params + "&p_4="+p_4_a;
	if (p_5_a != "") params = params + "&p_5="+p_5_a;
	
	if (p_6_a.checked) temas_interes = temas_interes + "fengshui:";
	if (p_6_b.checked) temas_interes = temas_interes + "domotica:";
	if (p_6_c.checked) temas_interes = temas_interes + "decoracion:";
	if (p_6_d != "") temas_interes = temas_interes + p_6_d;
	
	return params;
}

function enviar_cuestionario() { 

	var contenedor=document.getElementById('contenido-principal');
	var url="envio_cuestionario.php";
	var params = validar_campos_cuestionario();

	var ajax=cuestionario_NuevoAjax();
	ajax.open("POST", url, true);

		
	ajax.onreadystatechange=function() {

		
                if (ajax.readyState==1) {
                        contenedor.innerHTML = "Enviando datos...";
                        //modificamos el estilo de la div, mostrando una imagen de fondo
                        //preloader.style.background = "url('loading.gif') no-repeat"; 
                } else if (ajax.readyState==4) {

                        if (ajax.status==200) {

                                //mostramos los datos dentro de la div
                                contenedor.innerHTML = ajax.responseText; 
                                //preloader.innerHTML = "Cargado.";
                                //preloader.style.background = "url('loaded.gif') no-repeat";

                        } else if (ajax.status==404) {
                                contenedor.innerHTML = "La página no existe";
                        } else {
                                //mostramos el posible error
                                contenedor.innerHTML = "Error:".ajax.status;
                        }

                }

	}
		
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.send(params);


}


function mostrar_cuestionario() {

	var contenedor = document.getElementById("contenido-principal");
	
	contenedor.innerHTML = 
'<div id="ayudenos_a_mejorar"><p style="font-family:Verdana, Tahoma; color:#666666; font-size:24px;">Ayúdenos a mejorar</p></div><br>'+
'<div id="foto_ayudenos_a_mejorar"><img src="images/foto_ayudenos_a_mejorar.jpg" /></div>'+
'<div id="tabla_ayudenos_a_mejorar" style="font-family:Arial, Verdana;"><table id="tabla_cuestionario" border="0" cellspacing="0">'+
'<tr>'+
'<td><b>&iquest;Le gusta nuestra web?</b> </td>'+
'</tr>'+
'<tr>'+
'<td><ul>'+
'<form id="pregunta_1">'+
'<li><input name="p_1_a" type="radio" value="si" id="p_1_a"/>'+
'Si</li>'+
'<li><input name="p_1_b" type="radio" value="no" id="p_1_b"/>'+
'No</li>'+
'<li>Otro:'+
'<input type="text" name="otro_p_1" id="p_1_c" /></li><ul>'+
'</form>'+
'</td>'+
'</tr>'+
'<tr>'+
'<td>'+
'<b>&iquest;Qu&eacute; cambiar&iacute;a de nuestra web?</b> </td>'+
'</tr>'+
'<tr>'+
'<td>'+
'<form id="pregunta_2">'+
'<textarea name="cambio_p_2" id="cambio_p_2"></textarea>'+
'</form>'+
'</td>'+
'</tr>'+
'<tr>'+
'<td><b>&iquest;Est&aacute; contento con nuestros servicios?</b> </td>'+
'</tr>'+
'<tr>'+
'<td>'+
'<form id="pregunta_3">'+
'<ul><li><input name="p_3_a" type="radio" value="si" id="p_3_a"/>'+
'Si</li>'+
'<li><input name="p_3_b" type="radio" value="no" id="p_3_b"/>'+
'No</li>'+
'<li>Otro:'+
'<input type="text" name="otro_p_3" id="p_3_c"/></li></ul>'+
'</form>'+
'</td>'+
'</tr>'+
'<tr>'+
'<td><b>¿Cómo sería su vivienda ideal? </b></td>'+
'</tr>'+
'<tr>'+
'<td>'+
'<form id="pregunta_4">'+
'<textarea name="descripcion_p_4" id="p_4_a"></textarea>'+
'</form>'+
'</td>'+
'</tr>'+
'<tr>'+
'<td><b>¿Qué temas le interesan? </b></td>'+
'</tr>'+
'<tr>'+
'<td>'+
'<form id="pregunta_6">'+
'<label>'+
'  <input type="checkbox" name="feng_shui" id="p_6_a" value="checkbox" />'+
'    Feng Shui'+
'</label>'+
'<label>'+
'  <input type="checkbox" name="domotica" id="p_6_b" value="checkbox" />'+
'    Domótica'+
'</label>'+
'<label>'+
'  <input type="checkbox" name="decoracion" id="p_6_c" value="checkbox" />'+
'    Decoración'+
'</label><br>'+
'<label>'+
'  Otro:<textarea name="otro_tema_interes" id="p_6_d"></textarea>'+
'</label>'+
'</form>'+
'</td>'+
'</tr>'+
'<tr>'+
'<td>'+
'<b>Otras sugerencias:</b>'+
'</td>'+
'</tr>'+
'<tr>'+
'<td>'+
'<form id="pregunta_5">'+
'<textarea name="sugerencias_p_5" id="p_5_a" ></textarea>'+
'</form>'+
'</td>'+
'</tr>'+
'<tr>'+
'<td align="center">'+
'<form id="boton">'+
'<input type="button" name="Enviar" value="Enviar" onclick="enviar_cuestionario()"/>'+
'</form>'+
'</td>'+
'</tr>'+
'</table></div>';

}