Single Page Interface Implementation

shalom_ajax.js

// this function will load the main content from subsequent pages
function loadMain(e){
  // define a reference to the href val
  var targetVal = e.currentTarget.attributes[0].nodeValue;
  // create wrapper elem if needed 
  if (!$('#wrap').length){
    $('<div id=wrap />').insertAfter('header');
  }
  // prepare wrapper, pass href target from event obj
  $('#wrap').empty().load(targetVal + ' #main', function(){
    $('#main').fadeIn(2000);
  });
}
// bind events to nav
$('header>a').bind('click',function(e){
  loadMain(e);
  e.preventDefault();
});