I am using Ext 2.2.1 and I want to create a simple NativeWindow using Ext.air package. I receive the following error message in Firebug:

air is not defined
Source code: hello.html
    <title>Hello Example</title>
    <link rel="stylesheet" type="text/css" href="ext-2.2.1/resources/css/ext-all.css"/>

    <script type="text/javascript" src="ext-2.2.1/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext-2.2.1/ext-all.js"></script>
    <script type="text/javascript" src="ext-2.2.1/air/ext-air.js"></script>
    <script type="text/javascript" src="hello.js"></script>
    <!-- Common Styles for the examples -->
    <link rel="stylesheet" type="text/css" href="ext-2.2.1/examples/shared/examples.css"/>
<script type="text/javascript" src="ext-2.2.1/examples/shared/examples.js"></script>

<h1>Hello World Window</h1>
<p>This example shows how to create a very simple modal Window with "autoTabs" from existing markup.</p>
<input type="button" id="show-btn" value="Hello World" /><br /><br />
<p>Note that the js is not minified so it is readable. See <a href="hello.js">hellos.js</a> for the full source code.</p>

<div id="hello-win" class="x-hidden">
    <div class="x-window-header">Hello Dialog</div>
    <div id="hello-tabs">

        <!-- Auto create tab 1 -->
        <div class="x-tab" title="Hello World 1">
        <!-- Auto create tab 2 -->
        <div class="x-tab" title="Hello World 2">
            <p>... World!</p>


Source code: hello.js
    var win;
    var button = Ext.get('show-btn');

    button.on('click', function(){
        // create the window on the first click and reuse on subsequent clicks
            win = new Ext.air.NativeWindow({
                id: 'win1',
                file: 'history.html',
                resizable: true