$(document).ready(function(){
    
    //css beállítása
    SetCSS();
    
    $("#ma").click(function(){
        var szo = $("#magyar").val();
        $.ajax({
            url:'szotar.php',
            type:'GET',
            data: {irany : "ma", szo : szo},
            dataType: 'json',
            success: function( json ) {
                $("#angol").val(json.angol);
                if (json.angol === "") {
                    $("#magyar").css('color', 'red');
                    $("#uzenet").text("Az adott magyar szó nincs a szótárban");
                    $("#uzenet").css({'visibility' : '', 'color' : 'red'});
                }
            }
        });
    });
    
    $("#am").click(function(){
        var szo = $("#angol").val();
        $.ajax({
            url:'szotar.php',
            type:'GET',
            data: {irany : "am", szo : szo},
            dataType: 'json',
            success: function( json ) {
                $("#magyar").val(json.magyar);
                if (json.magyar === "") {
                    $("#angol").css('color', 'red');
                    $("#uzenet").text("Az adott angol szó nincs a szótárban");
                    $("#uzenet").css({'visibility' : '', 'color' : 'red'});
                }
            }
        });
    });
    
    $("#magyar, #angol").focus(function(){
        $("#angol").css('color', 'black').val("");
        $("#magyar").css('color', 'black').val("");
        $("#uzenet").text("");
        $("#uzenet").css({'visibility' : 'hidden'});
    });
    
});

function SetCSS() {
    $("div").css({
        'border' : '1px solid black',
        'background-color' : '#e2e5da',
        'border-radius' : '10px',
        'padding' : '10px',
        'margin' : '10px',
        'float' : 'left'
    });
    
    $("#uzenet").css('visibility', 'hidden');
}