/**
 * JavaScript for GMF frontend
 * @author deanoj 30/05/2010
 * 
 */



$(function () {
	//DD_belatedPNG.fix('.pngfix');
	var textSize = parseFloat($('#main p').css('font-size')),
		headingSize = parseFloat($('#main h2').css('font-size'));
	
	var text = {
		body: {
			normal: textSize+'px',
			large:  (textSize*1.1)+'px',
			extra:  (textSize*1.2)+ 'px'
		},
		heading: {
			normal: headingSize+'px',
			large:  (headingSize*1.1)+'px',
			extra:  (headingSize*1.2)+'px'
		}
	};
	
	
	// add text size controls
	$('<div class="ts-text">Change text size:</div> <ul id="textsize"><li class="normal">A</li><li class="large">A</li><li class="extra">A</li></ul>')
		.appendTo('#header');
	
	$('#textsize li').click(function () {
		var sel = this.className;
		
		$('#main p, #aside p').css({'font-size':text.body[sel]});
		$('#main h2').css({'font-size':text.heading[sel]});
		
		
	});
});