$(document).ready(function() {							

							//highlighs first button on page load	
							$("#MENU a").eq(0).addClass("selected");// HIGHLIGHTS FIRST MENU ITEM ON PAGE LOAD

							$("#CONTENT").load('content.php'); //loads content		
							
							//create click href function that will add jQuery NO REFRESH functionality
							$(".nav").click(function() {
																
									$("#CONTENT").load($(this).attr('href'));
									return false;
									});
																																																
									$("#MENU a").click(function(){
									
											//HIGHLIGHT CURRENT BUTTON ON CLICK
											$('#MENU a').removeClass('selected'); //removes highlics when next item is clicked
											$(this).toggleClass('selected'); //highlights the item
											//HIGHLIGHT ON CLICK ENDS
									
									//adding nice animation effects to CONTEN div
									$('#CONTENT').hide();
									$('#CONTENT').slideDown(1000);
									
									$("#CONTENT").load($(this).attr('href'));
															return false;
															});	

									/////////////////////////////////////////////////////////						
									 //$('#blog_box').hide();
									 
										<!-- shows the slickbox on clicking the noted link  -->
											$('#BLOG_show').click(function() {
											  $('#blog_box').fadeIn('slow');
											  //return false;
											});
										   // hides the slickbox on clicking the noted link  
											$('#BLOG_hide').click(function() {
											  $('#blog_box').fadeOut('slow'); // can use show, hide, slideUp, slideDown
											  //return false;
											});
										   
										   // toggles the slickbox on clicking the noted link  
											$('#BLOG_toggle').click(function() {
											  $('#blog_box').toggle(400);
											  //return false;
											});
									////////////////////////////////////////////////////////						
															
															
									});