$(document).ready(function(){
    var altura_area_restrita = $('.area-restrita').height();

    $('.container-area-restrita').css('top', '-26px');
    
    $('#area-restrita-1').click(function(e){
        e.preventDefault();
        $(this).hide();
        $('#area-restrita-2').show();
        
        $('.container-area-restrita').animate({
            top: -altura_area_restrita-46
        }, 200 );
        $('.area-restrita').slideDown(200);
        
        /*
        $('.area-restrita').show();
        $('.container-area-restrita').css('top', -altura_area_restrita-52);
        */
    });

    $('#area-restrita-2').click(function(e){
        e.preventDefault();
        $(this).hide();
        $('#area-restrita-1').show();
        $('.container-area-restrita').animate({
            top: '-26px'
        }, 200 );
        $('.area-restrita').slideUp(200);
    });    

	
	$(window).resize(function(){
		$('#login-pedidos').css({
			top :  Math.round($(window).height()/2-$('#login-pedidos').height()/2),
			left :  Math.round($(window).width()/2-$('#login-pedidos').width()/2)
		});
	});
      
    $('.area-restrita ul li a.css-overlay').click(function(e){
        e.preventDefault();
        $('#overlay').show();
        $('#box-login-pedidos').show();
        $('#area-restrita-2').hide();
        $('#area-restrita-1').show();
        $('.container-area-restrita').animate({
            top: '-26px'
        }, 200 );
        $('.area-restrita').slideUp(200);
		$('#login-pedidos').css({
			top :  Math.round($(window).height()/2-$('#login-pedidos').height()/2),
			left :  Math.round($(window).width()/2-$('#login-pedidos').width()/2)
		});
    });    
	$('#overlay').height($(window).height());
	$('#overlay').width($(window).width());
	$(window).resize(function(){
		$('#overlay').height($(window).height());
		$('#overlay').width($(window).width());
	});    
    
    $('.area-restrita ul li a').not('.css-overlay').click(function(){
        $('#area-restrita-2').hide();
        $('#area-restrita-1').show();
        $('.container-area-restrita').animate({
            top: '-26px'
        }, 200 );
        $('.area-restrita').slideUp(200);
    });  
    
	$('#fechar-box').click(function(){
		$('#box-login-pedidos').hide();
		$('#overlay').hide();
	});
});