var alto = 0;
var loaded = false;

function show_work(id) {
    //oculto todos
    $('.works_show .work').hide();
    //saco el alto de la div
    alto = $('#'+id).outerHeight();
    //si es la primera vez que se carga
    if($('.work_progress').hasClass('none')){
        $('.work_progress').stop(true).removeClass('none').animate({
            'width' : '100%'
        }, 'slow',function(){
            $('.works_show').animate({
                'height': alto
            },'slow',
            function(){
                $('#'+id ).fadeIn('slow',function(){
                    $('.button.nav.close').fadeIn();
                });
            });
        });
    } else {
        //sino, hago la animacion
        $('.works_show').animate({
            'height': alto
        },'slow',
        function(){
            $('#'+id ).fadeIn('slow',function(){
                $('.button.nav.close').fadeIn();
            });
        });
    }
}
function work_close(){
    $('.works_show .work').stop(true).fadeOut('slow',
        function(){
            $('.works_show').animate({
                'height': 0
            },'slow',
            function(){
                $('.work_progress').stop().addClass('none').animate({
                    'width': 0
                },'slow');
            });
        });
}