$(document).ready(function() {
	$('#footer_bubble').click(function() {
		var bottom = $('#footer').css('bottom');
		if (bottom == 0 || bottom == '0px') { // show
			$('#footer').animate({
				bottom: '197px'
			}, 400);
		} else { // hide
			$('#footer').animate({
				bottom: '0'
			}, 400);
		}
	});
	
	$('#my_name').hover(function() {
		$('#tagline').fadeIn(130);
	}, function() {
		$('#tagline').fadeOut(130);		
	})
	
	$('div.home div.column img.alignright').each(function() {
		var link = $(this).parents('div.column').find('h2 a').attr('href');
		$(this).parents('a').attr('href', link);
		
		var maxWidth = 100; // Max width for the image
		var maxHeight = 300;	// Max height for the image
		var ratio = 0;	// Used for aspect ratio
		var width = $(this).width();	// Current image width
		var height = $(this).height();	// Current image height

		// Check if the current width is larger than the max
		if(width > maxWidth){
			ratio = maxWidth / width;	// get ratio for scaling image
			$(this).css("width", maxWidth); // Set new width
			$(this).css("height", height * ratio);	// Scale height based on ratio
			height = height * ratio;	// Reset height to match scaled image
			width = width * ratio;	  // Reset width to match scaled image
		}

		// Check if current height is larger than max
		if(height > maxHeight){
			ratio = maxHeight / height; // get ratio for scaling image
			$(this).css("height", maxHeight);	// Set new height
			$(this).css("width", width * ratio);	// Scale width based on ratio
			width = width * ratio;	  // Reset width to match scaled image
		}
	});
	
	$('div.zoom a').fancyZoom({closeOnClick: true, directory: '/images/zoom'});
});