$(document).ready(function(){
    $('#clients_btn').click(function(){
        if ($('#clients_btn').hasClass('active')){
            $('#clients_btn').removeClass('active');
            $('#clients_list').stop();
            $('#principle').stop();           
            $('#clients_list .client').hide();
            $('#clients_list').animate({'height':'0px','padding-top':'0','padding-bottom':'0'}, 'easein');
        }else{
            if($('#principle_btn').hasClass('active')){
                $('#principle_btn').removeClass('active');
                $('#clients_btn').addClass('active');
                $('#clients_list').stop();
                $('#principle').stop();
                $('#principle').animate({'height':'0px'}, 'easein', function(){
                    $('#clients_list').animate({'height':'137px','padding-top':'20px','padding-bottom':'20px'}, 'easein', function(){
                        $('#clients_list .client').show()
                    });
                });
            }else{
                $('#clients_btn').addClass('active');
                $('#clients_list').stop();
                $('#principle').stop();
                $('#clients_list').animate({'height':'137px','padding-top':'20px','padding-bottom':'20px'}, 'easein', function(){
                    $('#clients_list .client').show()
                });
            }
        }
    });

    $('#principle_btn').click(function(){
        if ($('#principle_btn').hasClass('active')){
            $('#principle_btn').removeClass('active');
            $('#clients_list').stop();
            $('#principle').stop();
            $('#principle').animate({'height':'0px'}, 'easein');
        }else{
            if ($('#clients_btn').hasClass('active')){
                $('#clients_btn').removeClass('active');
                $('#principle_btn').addClass('active');
                $('#clients_list').stop();
                $('#principle').stop();           
                $('#clients_list .client').hide();
                $('#clients_list').animate({'height':'0px','padding-top':'0','padding-bottom':'0'}, 'easein', function(){
                    $('#principle').animate({'height':'192px'}, 'easein');
                });    
            }else{
                $('#principle_btn').addClass('active');
                $('#clients_list').stop();
                $('#principle').stop();
                $('#principle').animate({'height':'192px'}, 'easein');
            }
        }
    });

    $('#mailer_btn').click(function(){
        $('#mailer').toggle();
    });

    $('#reset').click(function(){
        $('#mailer').hide();
    });

    $('#name').focus(function(){
        if ($(this).attr('value') == 'Ваше имя'){
            $(this).attr('value','');
        }
    });

    $('#name').blur(function(){
        if ($(this).attr('value') == ''){
            $(this).attr('value','Ваше имя');
        }
    });

    $('#e-mail').focus(function(){
        if ($(this).attr('value') == 'E-mail'){
            $(this).attr('value','');
        }
    });

    $('#e-mail').blur(function(){
        if ($(this).attr('value') == ''){
            $(this).attr('value','E-mail');
        }
    });
});