$(document).ready(function(){
	$(".active_to_link").mouseover( function (){
		$(this).addClass("white_glow");

	});
	$(".active_to_link").mouseout( function (){
		$(this).removeClass("white_glow");
	});
	
	$(".portfolio").click( function(){
		$.scrollTo(".webdesign", 1200);
	});
	
	$(".about").click( function(){
		$.scrollTo("#about-me-block", 3500);
	});
	
	$(".contact").click( function(){
		$.scrollTo("#footer", 3500);
	});
	
	
$(".navigation").hide();
$("#logo").hide();

	
	
	
	// Wrapping, self invoking function prevents globals
(function() {
   // Hide the elements initially
   var lis = $('li').hide();

   // When some anchor tag is clicked. (Being super generic here)
  
      var i = 0;

      // FadeIn each list item over 200 ms, and,
      // when finished, recursively call displayImages.
      // When eq(i) refers to an element that does not exist,
      // jQuery will return an empty object, and not continue
      // to fadeIn.
      (function displayImages() {
         lis.eq(i++).fadeIn(200, displayImages);
      })();
   
})();



});