﻿      jQuery.fn.fadeToggle = function(speed, easing, callback) {  
  
        return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);  
  
      };


  
  $(document).ready(function() {
   
		$('a#about').click(function() {
  
         		 $('#box').fadeToggle('slow');
 
        	});
   
     	 });






  $(function() {
		$('a#contact').click(function() {
			$('#box2').fadeToggle('slow');
		});
	
	});

	
  $(function() {
		$('a#links').click(function() {
			$('#box3').fadeToggle('slow');
		});
	
	});

	
  $(function() {
		$('a#pages').click(function() {
			$('#box4').fadeToggle('slow');
		});
	
	});

	
  $(function() {
		$('a#search').click(function() {
			$('#box5').fadeToggle('slow');
		});
	
	});

	
  $(function() {
		$('a#archives').click(function() {
			$('#box6').fadeToggle('slow');
		});
	
	});


  $(function() {
		$('a#categories').click(function() {
			$('#box7').fadeToggle('slow');
		});
	
	});





	 
	 
	 
	 
	 
	 
	  $(document).ready(function(){
		$("#header img").fadeTo("fast", 1.0); 

		$("#header img").hover(function(){
		$(this).fadeTo("fast", 0.5); 
		
	},function(){
		$(this).fadeTo("fast", 1.0); 
		});
	 });
	 
