// When the document loads do everything inside here ...
     $(document).ready(function(){
/*
	 $.ajax({method: "get",url: "data.php",
                 beforeSend: function(){$("#loading").show("fast");}, //show loading just when link is clicked
                 complete: function(){ $("#loading").hide("fast");}, //stop showing loading when the process is 
                 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
	                 $('input').css('width', '175px');
		 }
	});

         $('#menu a').click(function(event) { //start function when any link is clicked
					event.preventDefault();
		 				$(".content").slideUp("slow");
						 var content_show = $(this).attr("title"); //retrieve title of link so we can compare with php file
							$.ajax({
							method: "get",url: "data.php",data: "page="+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
							if(content_show == 'portfolio') {
								$(".content").css('height', '600px');
							} else {
								$(".content").css('height', '300px');
							}
							$(".content").show("slow"); //animation
							$(".content").html(html); //show the html inside .content div
							$('input').css('width', '175px');
						 }
				 }); //close $.ajax(
         }); //close click(
*/
	 }); //close $(