// Header Overlay
$(document).ready(function(){
    $('#header-overlay').delay(2000).animate({
        left: '+=216',
        opacity: 0.5
        }, 1500, 'linear', function(){
            $('#header-overlay').append('<img src="../gfx/slide_left.png" id="close-header-overlay">');
    });
        
    $('#close-header-overlay').live('click', function(){
        $('#header-overlay').animate({
            left: '-=202',
            opacity: 0.3
        }, 1500, 'linear', function(){
            $('#close-header-overlay').remove();
            $('#header-overlay').append('<img src="../gfx/slide_right.png" id="open-header-overlay">');
        });
    });
    
    $('#open-header-overlay').live('click', function(){
        $('#header-overlay').animate({
            left: '+=202',
            opacity: 0.5
        }, 1500, 'linear', function(){
            $('#open-header-overlay').remove();
            $('#header-overlay').append('<img src="../gfx/slide_left.png" id="close-header-overlay">');
        });
    });
});