var question = new Array('Director general','Director general','Contador general','Contador general','Gerente de Crédito y cobranza','Selecciona la actividad que NO realiza un gerente de crédito y cobranza','Gerente Administrativo','Gerente Administrativo','Selecciona la actividad que NO realiza un Gerente de operaciones','Gerente de Ventas','Gerente de Ventas','Gerente de Sistemas','Gerente de Sistemas','De acuerdo con las funciones que se requieren para eliminar duplicidades, tiempos ociosos y lograr una mayor eficiencia en la organización, elige la propuesta para el organigrama correcto.','Identifica las técnicas de administración que se requieren aplicar en el área de finanzas.','En el caso del personal operativo existe alta rotación de personal, falta de equipo y materiales de trabajo y escasa motivación. Las técnicas requeridas para dar solución a la problemática son:','Existen pugnas entre el personal de ventas por el esquema de comisiones. Identifica las técnicas requeridas para solucionar el problema.','Selecciona las técnicas para mejorar el proceso de control de inventarios.','Identifica el área que debe llevar a cabo el diseño de software.','Identifica el puesto que debe llevar a cabo la supervisión del proceso de certificación de calidad.');
var answers = new Array('a) Representa a la empresa.','b) Visita proveedores fuera de la ciudad.','c) Supervisa y controla los materiales.','d) Supervisa y controla los materiales.');
var answers2 = new Array('a) Supervisar las políticas de crédito y cobranza estableciendo.','b) Verifica la calidad de la mercancía.','c) Define políticas y estrategias de acción para la adecuada coordinación de las áreas.','d) Analiza e integra el presupuesto anual.');
var answers3 = new Array('a) Supervisa la elaboración de nóminas y verifica que se realicen las deducciones que estipula la ley.','b) Registra movimientos de ingresos y egresos de la empresa y sus sucursales para la elaboración de estados financieros y su consolidación.','c) Realiza arqueos de caja en forma periódica a la cajera y eventualmente al departamento de cobranza.','d) Elabora estados financieros supervisando el correcto registro en libros de todas las operaciones de la empresa.');
var answers4 = new Array('a) Elabora conciliaciones bancarias para aclarar las diferencias con los bancos.','b) Atiende de forma personal a auditores externos proporcionado la información que soliciten.','c) Verifica la documentación de los pagos realizados.','d) Supervisa el área de crédito y cobranza.');
var answers5 = new Array('a) Atiende de forma personal o telefónicamente a los clientes proporcionado información acerca de las ventas.','b) Supervisa almacén e inventarios.','c) Controla la cobranza diaria a realizar para la recuperación del crédito otorgado.','d) Controla y registra los pagos por los clientes.');
var answers6 = new Array('a) Supervisa el reporte de recuperación de créditos y vencimientos de documentos.','b) Resuelve posibles dudas del personal bajo su cargo.','c) Conjuntamente con el asesor jurídico tramita el cobro de los documentos de clientes morosos y cheques devueltos.','d) Atiende de forma personal o telefónicamente a los clientes proporcionado información acerca de las ventas.');
var answers7 = new Array('a) Implementa programas de mantenimiento del equipo de cómputo.','b) Coordina las áreas de crédito y cobranza, contabilidad, sistemas, producción, relaciones obrero-patronales.','c) Supervisa y controla los materiales a su cargo con el fin de obtener el mayor aprovechamiento posible para alcanzar los objetivos.','d) Planea, organiza, dirige, controla y supervisa los recursos financieros.');
var answers8 = new Array('a) Vigila el cumplimiento de las obligaciones legales de la empresa en coordinación con sus asesores internos y externos.','b) Supervisa el correcto funcionamiento de la planta.','c) Programa pagos a proveedores.','d) Otorga préstamos a empleados.');
var answers9 = new Array('a) Participa en la elaboración de estados financieros con el fin de evitar posibles diferencias y lograr un control.','b) Evalúa los reportes de operación y analiza las diferencias en resultados después de cada inventario indicando las medidas a tomar.','c) Supervisa y coordina el almacén y los inventarios.','d) Supervisa y coordina la planta.');
var answers10 = new Array('a) Atiende a los clientes y levanta pedidos satisfaciendo así sus requerimientos.','b) Maneja los catálogos de precios de los productos y servicios.','c) Vigila el oportuno y correcto funcionamiento del área.','d) Atiende las consultas y las ventas por teléfono proporcionando información a clientes.');
var answers11 = new Array('a) Coordina y supervisa al personal para alcanzar los objetivos de ventas.','b) Supervisa la oportuna entrega de mercancía satisfaciendo las necesidades del cliente.','c) Participa en la elaboración de inventarios físicos.','d) Desarrolla los catálogos de precios de los productos y servicios.');
var answers12 = new Array('a) Visita proveedores fuera de la ciudad.','b) Supervisa el diseño de software para los clientes.','c) Tramita el cobro de los documentos a los clientes morosos.','d) Define los precios de los productos y servicios.');
var answers13 = new Array('a) Define políticas y estrategias para la innovación de productos y servicios.','b) Evalúa los reportes de operación y analiza las diferencias.','c) Supervisa el correcto mantenimiento de los sistemas.','d) Coordina la oportuna entrega de los servicios y productos.');
var answers14 = new Array('<img src="imgs/a1.png" id="dd1" class="imgR">','<img id="dd2" src="imgs/a2.png" class="imgR">','<img src="imgs/a3.png" id="dd3" class="imgR">','<img src="imgs/a4.png"  id="dd4" class="imgR">');
var answers15 = new Array('a) Tasa interna de retorno.','b) Procedimiento de selección.','c) Presupuestos.','d) Benchmarking.');
var answers16 = new Array('a) Jerarquía de necesidades de Maslow.','b) Calificación de méritos.','c)	Diagrama de flujo.','d)	Balanced Scorecard.');
var answers17 = new Array('a) Manual del puesto.','b) Evaluación del desempeño.','c)	Diagrama de flujo.','d)	Calificación de méritos.',);
var answers18 = new Array('a) 2, 3.','b) 2, 4.','c) 3, 5.','d) 1, 4.');
var answers19 = new Array('a) Gerente de Finanzas.','b) Gerente Administrativo.','c) Gerente de Producción.','d) Gerente de Innovación y Desarrollo.');
var answers20 = new Array('a) Gerente Administrativo.','b) Gerente de Mercadotecnia.','c) Gerente de Planta.','d) Gerente de Operaciones.');
var globalArray = new Array();
var contador = 0;
var contador2 = 1;
var contador3 = 2;
var contador4 = 1; 
var money = 0; 
var moneymaking = 0;
var forfeiture = 0;
var correctAnswers = 0; 
var dataWeb = new Array();
var indexS = 1;
var indexS2 = 3;
$(document).ready(function () {
	$('.container').hide();
	$('.results').hide();
	$('#imgBig').hide();
	$('#mitad').click(function (argument) {
		$('.modal').css({'opacity' :  1, 'pointer-events' : 'auto'});
		$('.modal .modal-container').css('transform', 'scale(1)');	
		$(this).css({'transition' : 'all .3s ease', 'transform' : 'translate(-20px)'});
	});
	$('#close').click(function () {
		$('.modal .modal-container').css('transform', 'scale(0.8)');
		$('.modal').css({'opacity' :  0, 'pointer-events' : 'none'});
		$('#mitad').css({'transition' : 'all .3s ease', 'transform' : 'translate(0px)'});
	});
	$('#close2').click(function () {
		$('.modal .modal-container').css('transform', 'scale(0.8)');
		$('.modal').css({'opacity' :  0, 'pointer-events' : 'none'});
		$('#mitad').css({'transition' : 'all .3s ease', 'transform' : 'translate(0px)'});
	});
	for (var i=2; i<=3; i++) {
		$('#slider'+i).hide();
	}
	$('#next1').click(function () {
		if (indexS2 == 1){
			$('#slider3').hide();
			$('#slider3').prev('#slider2').fadeIn(1500);
			indexS2++
			indexS--
		} else if (indexS2 == 2) {
			$('#slider2').hide();
			$('#slider2').prev('#slider1').fadeIn(1500);
			indexS2++
			indexS--
		}
	});
	$('#next2').click(function () {
		// $('#sliderr'+indexS).hide().next('.sliderrs').fadeIn(1500);
		// indexS++ 
		if (indexS == 1) {
			$('#slider1').hide();
			$('#slider1').next('#slider2').fadeIn(1500);
			indexS++
			indexS2--	
		} else if (indexS == 2){
			$('#slider2').hide();
			$('#slider2').next('#slider3').fadeIn(1500);
			indexS++
			indexS2--
		}
	});
	$('#next').click(agregaContenido);
	$('.ca').click(cambiarPregunta);
	$('.cono div').timer({
    	duration: '60s',
    	format: '%M:%S',
    	callback: function() {
			cambiarPregunta(ca1);
		}
	});
	$('.cono div').timer('reset');	
	var ctx = document.getElementById("myChart").getContext("2d");
	Chart.defaults.global.defaultFontColor = 'rgb(1, 235, 239)';
	var chart = new Chart (ctx, {
		type : 'line',
		data: {
			labels : ['1','2','3','4','5','6','7','8','9','10','11','12'],
			datasets : [{
				label : 'Pregunta',
				data : dataWeb,
				background : 'rgba(0, 0, 0, 0);',
				borderColor : 'rgb(254, 177, 69)',
			}]
		},
		options: {
	        elements: {
	            line: {
	                tension: 0, // disables bezier curves
	            },
	        },
	        legend: {
          		display: false,
          		position: 'bottom',
          		labels: {	
	            	fontColor: 'rgb(254, 177, 69)'
	        	}
	        }
	    }
	});
});
function agregaContenido(e) {
	$('.instruccions').hide();
	$('.container').fadeIn(1500);
	$('.containerValue').append(money);
	$('.strong2').text(question[contador]);
	for (var i=0; i<4; i++) {
		$('#ca'+contador2+' p').html(answers[i]);	
		contador2++
	}
	// $('.imgR').attr('onmouseover','bigImg(this)');
	// $('.imgR').attr('onmouseout','normalImg(this)');
	$('#pager').append('<div class="itemPager"></div>');
	$('.bullet').text(contador4);
	$('.cono div').timer('reset');
	contador4++
	contador++
	contador2 = 1;
}

function cambiarPregunta(e) {
	if (contador == 1 ) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca1 || e.target == p1 || e.target == a) {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){ 
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<=4; i++) {
				$('#ca'+contador2+' p').text(answers2[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	} else if (contador == 2) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca3 || e.target == p3 || e.target == c ) {
			if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers3[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	} else if (contador == 3) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca4 || e.target == p4 || e.target == d) {
			if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause'); 
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			} 
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers4[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	} else if (contador == 4) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca2 || e.target == p2 || e.target == b) {
			if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			} 
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers5[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	} else if (contador == 5) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca3 || e.target == p3 || e.target == c) {
			if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers6[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	} else if (contador == 6) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca4 || e.target == p4 || e.target == d) {
			if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} 
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers7[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	}  else if (contador == 7) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca2 || e.target == p2 || e.target == b) {
			if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			} 
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} 
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers8[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	}  else if (contador == 8) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca1 || e.target == p1 || e.target == a) {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers9[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	}  else if (contador == 9) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca1 || e.target == p1 || e.target == a) {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers10[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	}  else if (contador == 10) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca3 || e.target == p3 || e.target == c) {
			if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=20000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers11[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	}  else if (contador == 11) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca1 || e.target == p1 || e.target == a) {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers12[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	}  else if (contador == 12) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca2 || e.target == p2 || e.target == b) {
			if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers13[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	}  else if (contador == 13) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca4 || e.target == p4 || e.target == d) {
			if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').html(answers14[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	}  else if (contador == 14) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca4 || e.target == p4 || e.target == d || e.target == dd4 ) {
			if (ids == 'ca4' || ids == 'p4' || ids == 'd' || ids == dd4) {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a' || ids == dd1) {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca2' || ids == 'p2' || ids == 'b' || ids == dd2) {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c' || ids == dd3) {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers15[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	}  else if (contador == 15) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca1 || e.target == p1 || e.target == a || e.target == ca3 || e.target == p3 || e.target == c) {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers16[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);			
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	}  else if (contador == 16) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca1 || e.target == p1 || e.target == a || e.target == ca2 || e.target == p2 || e.target == b) {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			} else if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} 
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers17[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	} else if (contador == 17) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca2 || e.target == p2 || e.target == b || e.target == ca4 || e.target == p4 || e.target == d) {
			if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} 
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers18[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			$('.text2').append('<ol><li>Análisis de puestos.</li><li>Manual de procedimientos.</li><li>Sistemas de información.</li><li>Análisis Causal.</li><li>Análisis financiero.</li></ol>');
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	} else if (contador == 18) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca1 || e.target == p1 || e.target == a) {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} 
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers19[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			$('.text2 ol').html('');
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	} else if (contador == 19) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca4 || e.target == p4 || e.target == d) {
			if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else {
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} 
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		setTimeout(function(){
			$('.containerImg').remove();
			$('.cono div').timer('reset');
			$('.containerValue').text(money);
			$('.strong2').text(question[contador]);
			for (var i=0; i<4; i++) {
				$('#ca'+contador2+' p').text(answers20[i]);	
				contador2++
			}
			$('#pager').append('<div class="itemPager"></div>');
			$('.bullet').text(contador4);
			contador4++
			contador2 = 1;
			contador++
			$('.ca').css('pointer-events', 'auto');
		}, 1000);
	} else if (contador == 20) {
		var ids = $(this).attr('id');
		$('.ca').css('pointer-events', 'none');
		if (e.target == ca4 || e.target == p4 || e.target == d ) {
			if (ids == 'ca4' || ids == 'p4' || ids == 'd') {
				$('.cono div').timer('pause');
				$('#ca4').append('<div class="containerImg"><img src="imgs/Pearson_palomita-18.svg"></div>');
			}
			money+= 10000;
			dataWeb.push(money);
			moneymaking += 10000;
			correctAnswers++
		} else { 
			if (ids == 'ca1' || ids == 'p1' || ids == 'a') {
				$('.cono div').timer('pause');
				$('#ca1').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca2' || ids == 'p2' || ids == 'b') {
				$('.cono div').timer('pause');
				$('#ca2').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			} else if (ids == 'ca3' || ids == 'p3' || ids == 'c') {
				$('.cono div').timer('pause');
				$('#ca3').append('<div class="containerImg"><img src="imgs/Pearson_tache-19.svg"></div>');
			}
			money-= 10000;
			dataWeb.push(money);
			forfeiture +=10000;
		}
		$('.cono div').timer('remove');
		$('section').css('height','auto');
		if (correctAnswers >= 9) {
			$('.modal2').css({'opacity' :  1, 'pointer-events' : 'auto'});
			$('.modal2 .modal2-container').css('transform', 'scale(1)');	
			$(this).css({'transition' : 'all .3s ease', 'transform' : 'translate(-20px)'});	
			$('.modal-container__header h3').text('¡FELIZIDADES!');
			$('#slider2F').hide();
		} else if (correctAnswers == 8) {
			$('.modal2').css({'opacity' :  1, 'pointer-events' : 'auto'});
			$('.modal2 .modal2-container').css('transform', 'scale(1)');	
			$(this).css({'transition' : 'all .3s ease', 'transform' : 'translate(-20px)'});	
			$('.modal-container__header h3').text('¡VAYA!');
			$('#slider1G').hide();
			$('#slider2F').show();

		} else {
			$('.modal2').css({'opacity' :  1, 'pointer-events' : 'auto'});
			$('.modal2 .modal-container').css('transform', 'scale(1)');	
			$(this).css({'transition' : 'all .3s ease', 'transform' : 'translate(-20px)'});	
			$('.modal-container__header h3').text('¡VAYA!');
			$('#slider1G').hide();
			$('#slider2F').show();
			$('.datas').append('<div class="dataText"><span class="color">ESTUDIA NUEVAMENTE EL TEXTO Y MEJORA TUS RESULTADOS.</span></div>');
		}
		// alert(dataWeb);
		$('.containerValue').text(money);
		$('#pager').append('<div class="itemPager"></div>');
		$('.container').hide();
		$('#mitad').hide();
		$('.results').fadeIn(300);
		$('#dataText1').append(new Intl.NumberFormat().format(forfeiture));
		$('#dataText2').append(new Intl.NumberFormat().format(moneymaking));	
		$('#dataText3').append(new Intl.NumberFormat().format(forfeiture - moneymaking));
		$('#close1-1').click(function () {
			$('.modal2 .modal2-container2').css('transform', 'scale(0.8)');
			$('.modal2').css({'opacity' :  0, 'pointer-events' : 'none'});
		
		});
		$('.close2-2').click(function () {
			$('.modal2 .modal-container2').css('transform', 'scale(0.8)');
			$('.modal2').css({'opacity' :  0, 'pointer-events' : 'none'});
			 
		});
		add();
		// alert(globalArray);
		setTimeout(function () {	
			var ctx2 = document.getElementById("myChart2").getContext("2d");
	        Chart.defaults.global.defaultFontColor = 'rgb(1, 235, 239)';
	        var chart2 = new Chart (ctx2, {
	                type : 'line',
	                data: {
	                        labels : ['1','2','3','4'],
	                        datasets : [{
	                                label : 'Pregunta',
	                                data : globalArray,
	                                background : 'rgba(0, 0, 0, 0);',
	                                borderColor : 'rgb(254, 177, 69)',
	                        }]
	                },
	                options: {
	                elements: {
	                    line: {
	                        tension: 0, // disables bezier curves
	                    },
	                },
	                legend: {
	                        display: false,
	                        position: 'bottom',
	                        labels: {       
	                        fontColor: 'rgb(254, 177, 69)'
	                        }
	                }
	            }
	        });
	    }, 1000);
        // alert('creada' + globalArray);
	}  
}
	function bigImg(x) {
    x.style.width = "900px";
}

function normalImg(x) {
    x.style.width = "100%";
}