$(document).ready(function() {
    
    var delayVal = 200; 
    
    function fadeAllIn(t) {
        $(".valaszto").each(function() {
            if(this.id != t) {
                $(this).stop().fadeTo("100","0.5");
            }
        });
    }  
      
    function fadeAllOut() {
        $(".valaszto").each(function() {
                $(this).stop().fadeTo("100","1");
        });
    }

    $(".valaszto").hover(function() {
        $(this).children().first().children().first().stop().animate({
            marginLeft: '20px'
        }, delayVal);
        $(this).children().first().children().last().stop().animate({
            marginRight: '20px'
        }, delayVal);
        fadeAllIn(this.id);
    },function() {
        $(this).children().first().children().first().stop().animate({
            marginLeft: '0'
        }, delayVal);
        $(this).children().first().children().last().stop().animate({
            marginRight: '0'
        }, delayVal);
        fadeAllOut();
    });

});