$(document).ready(function(){

	$('#switcher').switcher();

    var picWidth = $('#logo img').width();
    var picHeight = $('#logo img').height();
    var valaszHeight = ($('#valasz_keret').height()) * -1;
    var idezetHeight = ($('#idezet').height() + 45) * -1;
    var talalosWidth = ($('#talalos').width() + 55) * -1;

    $('#idezet').animate({marginTop: '0px'}, 0);
    $('#idezet').animate({marginTop: idezetHeight}, 800);

    $('#logo').css({
        'width' : picWidth + 6,
        'height' : picHeight + 6
    });
    $('#bal').css({
        'background-color' : '',
        'height' : picHeight,
        'width' : picWidth/2
    });
    $('#jobb').css({
        'height' : picHeight,
        'width' : picWidth/2,
        'margin-left' : (picWidth/2) + 3
    });
 
    $('#valasz').css({
        'margin-top' : valaszHeight
    });

    $('#talalos').css({
        'margin-left' : talalosWidth
    });

    $('#idezet').css({
        'margin-top' : idezetHeight
    });

    $('#bal').hover(function() {
        $(this).css('cursor', 'pointer');
        $('#talalos').animate({marginLeft:'0px'}, 600);
    }, function() {
            $('#talalos').animate({marginLeft: talalosWidth});
    });

    $('#jobb').hover(function() {
        $(this).css('cursor', 'pointer');
        $('#idezet').animate({marginTop:'0px'}, 700);
    }, function() {
            $('#idezet').animate({marginTop: idezetHeight});
    });
    
    $('#talalos').hover(function() {
        $(this).css('cursor', 'pointer');
        $('#kerdes').css('font-weight', 'bold');
        $('#valasz').animate({marginTop:'0px'});
    }, function() {
            $('#kerdes').css('font-weight', 'normal');
            $('#valasz').animate({marginTop: valaszHeight});
    });

    
});