"Please wait..." between two page is not working correctly
<p>I have login page which contains some images and ajax contorls, when this page gets refresh all layout and the way page appears, totally awkward. So, after quick searching in the google, I have taken a javascript method and calling this in page load event like this(), it's working fine but only after refreshing the page, means after loading page completely page is being shown.</p>

<p>But, problem still remains because before refreshing, page again starts with same awkward condition. So, do I need to call javascript method as soon as my page gets refresh or need to work on my css. Here is my javascript code....</p>

<pre><code> function hideBodyloader() {
        document.getElementById("bodyloader").style.display = "none";
    }
</code></pre>

<p>and css for div....</p>

<pre><code> #bodyloader
    {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1000000000;
        background-color: white;
        display: block;
    }

    .bodyloader
    {
        text-align:left;
        color: Black;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
    }
</code></pre>

<p>If there is another way to achieve this please advise me too, but should be on page refresh not on button event.</p>

<p>Thanks in advance, 
any suggestion would be appreciated.......:)</p>
