$(document).ready(function() {
	$('#breadcrumb').append('<div id="bigger" class="text-size right"><a rel="bigger" href="#" title="Make text bigger"><img src="static/images/text-bigger.png" width="17" height="13" alt="Make text bigger" /></a></div><div id="smaller" class="text-size right"><a rel="smaller" href="#" title="Make text Smaller"><img width="15" height="11" src="static/images/text-smaller.png" alt="Make text Smaller" /></a></div><div class="clearfix"></div>');
	$("a[rel='smaller']").click(function(e) {
		var currentFontSize = $('#main-content').css('font-size');
		var currentFontSizeNum = parseFloat(currentFontSize, 10);
		var newFontSize = currentFontSizeNum*0.8;
		$('#main-content').css('font-size', newFontSize);
		e.preventDefault();
	});
		$("a[rel='bigger']").click(function(e) {
		var currentFontSize = $('#main-content').css('font-size');
		var currentFontSizeNum = parseFloat(currentFontSize, 10);
		var newFontSize = currentFontSizeNum*1.2;
		$('#main-content').css('font-size', newFontSize);
		e.preventDefault();
	});
});