// JavaScript Document

$(document).ready(function() {
	var focusItem = null; 
		$('input, textarea').focus( function() { 
			focusItem = this; 
		});
	var helyes = 0;
	var hibas = 0;
	var pontszam = 0;
	var ido = 30;

	$("#a1").focus();
	$("#go1").click(function() {
		$("#va1").hide();
			a1 = $("#a1").val();
            if ( a1 == "" ) {
               alert("Kérem írja be a helyes választ!");
			   $("#a1").focus();
            }   
            else if (a1 =="garfield") {
               helyes ++;
               pontszam = helyes - hibas;
               $("#va1").removeClass('valasz').addClass('helyesvalasz').text("Helyes, de a személyneveket nagybetûvel írjuk...").show('slow');
               $("#helyes").text(helyes);
               $("#pontszam").text(pontszam);
               $("#a1").attr('disabled', true);
               $("#go1").attr('disabled', true).addClass('none');
			   $("#a2").attr('disabled', false).focus();
			   $("#go2").addClass('point').attr('disabled', false);
            }
            else if (a1 =="Garfield") {
               helyes ++;
               pontszam = helyes - hibas;
               $("#va1").removeClass('valasz').addClass('helyesvalasz').text("Helyes! :-)").show('slow');
               $("#helyes").text(helyes);
               $("#pontszam").text(pontszam);
               $("#a1").attr('disabled', true);
               $("#go1").attr('disabled', true).addClass('none');
			   $("#a2").attr('disabled', false).focus();
			   $("#go2").addClass('point').attr('disabled', false);
            }
            else {
               hibas ++;
               pontszam = helyes - hibas;
               $("#va1").text("Próbálkozzon újra...").show('slow');
               $("#hibas").text(hibas);
               $("#pontszam").text(pontszam);
               $("#a1").focus();
            }
      });

//itt kezdodik a masodik feladat
	$("#go2").click(function() {
		$("#va2").hide();
			a2 = $("#a2").val();
            if ( a2 == "" ) {
               alert("Hát ide azért kellene írni valamit...");
			   $("#a2").focus();
            }   
            else if (a2 == "asztal") {
               helyes ++;
               pontszam = helyes - hibas;
               $("#va2").removeClass('valasz').addClass('helyesvalasz').text("Helyes! :-)").show('slow');
               $("#helyes").text(helyes);
               $("#pontszam").text(pontszam);
               $("#a2").attr('disabled', true);
               $("#go2").attr('disabled', true).addClass('none');
			   $("#a3").attr('disabled', false).focus();
			   $("#go3").addClass('point').attr('disabled', false);
            }
            else {
               hibas ++;
               pontszam = helyes - hibas;
               $("#va2").text("Próbálkozzon újra...").show('slow');
               $("#hibas").text(hibas);
               $("#pontszam").text(pontszam);
               $("#a2").focus();
            }
      });

//abc

 $('#magyarabc0').click(function() {
					abc = $(focusItem).val();
					$(focusItem).focus().val(abc + 'á');	 
				});$('#magyarabc1').click(function() {
					abc = $(focusItem).val();
					$(focusItem).focus().val(abc + 'é');	 
				});$('#magyarabc2').click(function() {
					abc = $(focusItem).val();
					$(focusItem).focus().val(abc + 'í');	 
				});$('#magyarabc3').click(function() {
					abc = $(focusItem).val();
					$(focusItem).focus().val(abc + 'ó');	 
				});$('#magyarabc4').click(function() {
					abc = $(focusItem).val();
					$(focusItem).focus().val(abc + 'ö');	 
				});$('#magyarabc5').click(function() {
					abc = $(focusItem).val();
					$(focusItem).focus().val(abc + 'ő');	 
				});$('#magyarabc6').click(function() {
					abc = $(focusItem).val();
					$(focusItem).focus().val(abc + 'ú');	 
				});$('#magyarabc7').click(function() {
					abc = $(focusItem).val();
					$(focusItem).focus().val(abc + 'ü');	 
				});$('#magyarabc8').click(function() {
					abc = $(focusItem).val();
					$(focusItem).focus().val(abc + 'ű');	 
				});	
		  

			
	
});