Still learning this jQuery stuff....

I love this ajax page loader it really works for Wordpress on the <div id="content"> right as they are. Only one factor bothers me: the collapses while ajax loads the page and spins the spinner, and Let me have the ability to possess the div retain a number of it's size rather than making the footer from the page jump up after which lower. The does not need to be taller than 500-600 px, so it does not bounce the footer up and lower. Is the fact that possible with this particular function in the manner it's written? Here are probably the most relevant functions. (Others I have omitted need to to with Wordpress and it is URL structure.)

function loadPage(url){
  if(!isWorking){
    scroll(0,0);
    document.getElementById('content').innerHTML='<center><img src="'+loadingIMG.src+'" /></center>';
    http.open('GET',url,true);
    isWorking=true;
    http.onreadystatechange=showPage;
    http.send(null);
  }
}

function showPage(){
  if(http.readyState==4){
    if(http.status==200){
      isWorking=false;
      var content = http.responseText;
      content = content.split('id="content"')[1];
      content = content.substring(content.indexOf('>')+1);
      var depth=1;
      var output='';
      while(depth>0){
        temp = content.split('</div>')[0];
        //count occurrences
        i=0;
        pos = temp.indexOf("<div");
        while(pos!=-1){
          i++;
          pos = temp.indexOf("<div",pos+1);
        }
        //end count
        depth=depth+i-1;
        output=output+content.split('</div>')[0]+'</div>';
        content = content.substring(content.indexOf('</div>')+6);
      }
      document.getElementById('content').innerHTML=output;
      pageLoaderInit();
    }else{
      alert(http.status);
    }
  }
}

I do not really use whatever jquery there, however, you should have the ability to use common javascript to create the peak from the content div.

In loadPage:

var contentDiv = document.getElementById('content');
contentDiv.innerHTML='<center><img src="'+loadingIMG.src+'" /></center>';
contentDiv.style.height = "600px";

In showPage:

var contentDiv = document.getElementById('content');
contentDiv.innerHTML=output;
contentDiv.style.height = "";