$(document).ready(function() {

			$(function () {
				 $('a').click(function () {
					var thisel = $(this);
					try
					{
						_gaq.push(['_trackEvent', thisel.parents().andSelf().filter('[id!=""]:first').get(0).id, 'clicked', (thisel.text() || thisel.children('img:first').attr('alt'))]);
					}
					catch (err) {}
				});
			});
			
			// === additions...
			
			$('#postsHolder .posts-content p:first-letter').css('color','#ff0000');	
			
			// === top navigation === 			
		
			// other links fade if hovered on
			$('#nav li').append('<span class="hover"> </span>');			 
					   $('#nav li').hover(function() {	
							// Stuff that happens when you hover on + the stop()
							$(this).stop().animate({
								'opacity': 1
								}, 700, 'easeOutSine')
							// all others hide slightly... I'll improve this in the future 						
							$(this).siblings('li').not('.current').stop().animate({
								'opacity': 0.5
								}, 500, 'easeOutExpo')							
						},function() {					
							// Stuff that happens when you unhover + the stop()
							$(this).stop().animate({
								'opacity': 1
								}, 500, 'easeOutExpo')
							// all others show again! 
							$(this).siblings('li').not('.current').stop().animate({
								'opacity': 1
								}, 700, 'easeOutSine')	
	
						})
							 				
			// --- Set the default logo position!  ...maybe this should be using an array?
			// kind of will use an array + css names
			if ($('BODY').is('.home')){
	  			var logoDefaultPosition = 0;
			} else if ($('BODY').is('#single')){
				var logoDefaultPosition = 96;$('#vongLogo').animate({marginTop: "1px"}, 1000 ).animate({marginTop: "100px"}, 900 );
			} else if ($('BODY').is('#blog')){
				var logoDefaultPosition = 96;
			} else if ($('BODY').is('#portfolio')){
				var logoDefaultPosition = 205;
			}  else if ($('BODY').is('#about')){
				var logoDefaultPosition = 314;
			} else if ($('BODY').is('#contact')){
				var logoDefaultPosition = 404;
			};
			
			// Set the logo's default position and apple hover animation... looks a bit over the top atm.
			// really I should use classes for this!
  			$('#vongLogo').css('margin-left', logoDefaultPosition + 'px');  						 							 						
			$('#header #nav #homeLink').hover(function() {
				$('#vongLogo').stop().animate({marginLeft: "0",marginTop: "0"},{duration: 'slow',easing: 'easeOutBack'});				
			},function() {
				$('#vongLogo').stop().animate({marginLeft: logoDefaultPosition + "px"},{duration: 'slow',easing: 'easeOutBounce'});
			});

			$('#header #nav #blogLink').hover(function() {
				$('#vongLogo').stop().animate({marginLeft: '96px',marginTop: "0"},{duration: 'slow',easing: 'easeOutBack'});										
			},function() {
				$('#vongLogo').stop().animate({marginLeft: logoDefaultPosition + "px"},{duration: 'slow',easing: 'easeOutBounce'});
			});

			$('#header #nav #portfolioLink').hover(function() {
				$('#vongLogo').stop().animate({marginLeft:"196px",marginTop: "0"},{duration: 'slow',easing: 'easeOutBack'});
			},function() {
				$('#vongLogo').stop().animate({marginLeft: logoDefaultPosition + "px"},{duration: 'slow',easing: 'easeOutBounce'});
			});
			$('#header #nav #aboutLink').hover(function() {
				$('#vongLogo').stop().animate({marginLeft:"302px",marginTop: "0"},{duration: 'slow',easing: 'easeOutBack'});
			},function() {
				$('#vongLogo').stop().animate({marginLeft: logoDefaultPosition + "px"},{duration: 'slow',easing: 'easeOutBounce'});
			});			

			$('#header #nav #contactLink').hover(function() {
				$('#vongLogo').stop().animate({marginLeft:"404px",marginTop: "0"},{duration: 'slow',easing: 'easeOutBack'});
			},function() {
				$('#vongLogo').stop().animate({marginLeft: logoDefaultPosition + "px"},{duration: 'slow',easing: 'easeOutBounce'});
			});

			// on click nav, show user some form of active
			
			function navigationClick(){
				var removeLinks = $(this).text();
				$(this).attr('id');
				$(this).addClass('current').html(removeLinks);
				$(this).prevAll('.current').wrapInner('<a href="#"></a>').removeClass('current');
				$(this).nextAll('.current').wrapInner('<a href="#"></a>').removeClass('current');
				// need to unbind the default logo position to be for this new one...
				$('#vongLogo').stop();
				
				$('#contentHolder').animate( {'opacity':0} );
				$('#footer').animate( {'opacity':0} );
				$('#postsHolder').animate( {'opacity':0} );						
				$('#aboutKai').animate( {'opacity':0} );									
				$('H1').animate( {'opacity':0} );
				$('#downloading').fadeIn();												
			}						
			$('#header #nav LI').click(navigationClick);
			
/* 
			// DELICIOUS JSON -- http://feeds.delicious.com/v2/json/tag/hyperstudio
			  $.getJSON('delicious-json.php', function(data){
			    $.each(data, function(i, entry) {
			      // Process your data here
			    });
			  });
 */
						
			// social network animations!	
				
			 $('#socialNetworks li a').append('<span class="hover"></span>');			 
				   $('#socialNetworks a').hover(function() {	
						// Stuff that happens when you hover on + the stop()
						$('.hover', this).stop().animate({
							'opacity': 1
							}, 700, 'easeOutSine')
						// all others hide slightly... I'll improve this in the future 						
						$('.hover:not(:hover)').parent('a').parent('p').parent('li').stop().animate({
							'opacity': 0.5
							}, 500, 'easeOutExpo')							
					},function() {					
						// Stuff that happens when you unhover + the stop()
						$('.hover', this).stop().animate({
							'opacity': 0
							}, 500, 'easeOutExpo')
						// all others show again! 
						$('.hover:not(:hover)').parent('a').parent('p').parent('li').stop().animate({
							'opacity': 1
							}, 700, 'easeOutSine')	
					})
					
			// post colours 
			var posts = '#postsHolder LI.post'			
			$(posts + ':even').addClass('black');
				
				
	});