$(document).ready(function() {
    
    //get the styles back
    $('.tab').removeClass('hidden');
    $('#reel .display div').css('position', 'absolute').css('left', '120px').hide();
    $('#reel .display').css('height', '280px');
    
    //set Features as default
    $('#Features').addClass('youarehere');
    $('.Features').fadeIn();
    
    //switch screens when tabs clicked
    $('.tab').click(function() {
        var window = $(this).attr('id');
        
        //swap tab state
        $('.youarehere').removeClass('youarehere');
        $(this).addClass('youarehere');
        
        $('#reel .display div').hide();
        $('.'+window).fadeIn();
    });    
    
});