// When the document loads do everything inside here ...
       $(document).ready(function(){
  	 Nifty("#menu a","small top transparent");
  	 Nifty("#outcontent","medium bottom transparent");
  	 Nifty("div#header","all");
  	
  	 /*
  	 $('.content').load('/home/about');	//by default initally load text from boo.php
           $('#menu a').click(function() { //start function when any link is clicked
  		 				$(".content").slideUp("slow");
  						 var content_show = $(this).attr("title");
  						 //retrieve title of link so we can compare with php file
  							$.ajax({
  							method: "get",url: "home/"+content_show,
  							beforeSend: function(){$("#loading").show("fast");}, //show loading just when link is clicked
  							complete: function(){ $("#loading").hide("fast");}, //stop showing loading when the process is complete
  							success: function(html){ //so, if data is retrieved, store it in html
  							$(".content").show("slow"); //animation
  							$(".content").html(html); //show the html inside .content div
  					 }
  				 }); //close $.ajax(
           }); //close click(
        */   
  	 });//close $(