Need help with creating image upload form
<p>I'm not really gr8 with ajax and javascript so I ask for help. Here is the deal, I have the image form upload working the old fashion way:</p>

<pre><code>&lt;form action="db/photo/do_upload" method="post" enctype="multipart/form-data"&gt;  &lt;fieldset id="upload_form"&gt;
        &lt;input type="file" name="userfile" size="20" /&gt;

    &lt;/fieldset&gt;
  &lt;button type="button" class="ui-state-default"&gt;Upload&lt;/button&gt;
    &lt;/form&gt;
</code></pre>

<p>What I want is to make web page more attractive by making this with ajax, how can I do this :</p>

<p><strong>Once the Upload button is clicked</strong>
- Start uploading the image
- Then while the image is uploading display some kind of ajax-loader
- When image is done uploading print out something like thank you</p>

<p>I have a php part already implemented-working I just need some help with this. Thank you</p>
