Ajax Pageloader when page is submitting...

Hi..,

Top:
----

function loadDefault()
{
if(document.getElementById('bar_window'))
{
document.getElementById('bar_window').style.display="block";
}
else
{
document.write("<div style='margin:auto; width:150px;'><div
id='bar_window' style='display:block; float:left;'><div
class='Background'></div>"
+ "<table valign='middle' style='background-color: White; width: 180px;'
class='BackGroundProgress'>"
+ "<tr><td><table border='0' cellspacing='1' cellpadding='0'><tr><td
class='labelfontblue'> Loading Please
wait.....</td></tr></table></td></tr></table></div></div>");
}
}
function fun1()
{
if(document.getElementById('bar_window'))
{
document.getElementById('bar_window').style.display="none";
}
}
loadDefault();

Bottom of the page:
------------------------
<script language="javascript" type="text/javascript">
if (document.getElementById('bar_window'))
{
document.getElementById('bar_window').style.display = 'none';
}
adjustwindow();
window.onresize = function()
{
adjustwindow();
}

function adjustwindow()
{
var ht = 500;
var vlncheck = 0;
var windowHeight = screen.availHeight;
var windowWidth = screen.availWidth;
}
window.onload = function() {
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(fun1);
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(loadDefault);
}

</script>