$(document).ready(function(){
	
	$('#mainmenu li').hover(function(){
		$(this).addClass('hovering');
	},function(){
		$(this).removeClass('hovering');	
	});
	
//--------------------------------------------------------		
		
	
//--------------------------------------------------------		
	
	
	//setFontSize($.cookie('fontSize'));
	
	//$('.mainbody .iwPanel *').css('font-size', $.cookie('fontSize')+'px');
	//$('.mainbody .iwPanel .phaseTitle').css('font-size', '11px');

//-----------------------------------------------------	
	
	if($.cookie('fs')){
		var fs = $.cookie('fs');
		var h1 = $.cookie('h1');
		var h2 = $.cookie('h2');
		
		$('.fs').width(fs);
		$('.fsH1').width(h1);
		$('.fsH2').width(h2);
		
		setFontSize(fs, h1, h2);
		
	}
	
//-----------------------------------------------------	
	
	$('.increaseFont').click(function(){
		var fs = $('.fs').width() + 1;
		var h1 = $('.fsH1').width() + 1;
		var h2 = $('.fsH2').width() + 1;
				
		$('.fs').width(fs);
		$('.fsH1').width(h1);
		$('.fsH2').width(h2);
		
		setFontSize(fs, h1, h2);
		
		$.cookie('fs', fs);
		$.cookie('h1', h1);
		$.cookie('h2', h2);
	});

//-----------------------------------------------------		
	
	$('.decreaseFont').click(function(){
		var fs = $('.fs').width() - 1;
		var h1 = $('.fsH1').width() - 1;
		var h2 = $('.fsH2').width() - 1;
				
		$('.fs').width(fs);
		$('.fsH1').width(h1);
		$('.fsH2').width(h2);
		
		setFontSize(fs, h1, h2);
		
		$.cookie('fs', fs);
		$.cookie('h1', h1);
		$.cookie('h2', h2);
	});

//-----------------------------------------------------		
	
	$('.resetFont').click(function(){
		var fs = 12;
		var h1 = 22;
		var h2 = 20;
		
		$('.fs').width(fs);
		$('.fsH1').width(h1);
		$('.fsH2').width(h2);
		
		setFontSize(fs, h1, h2);
		
		$.cookie('fs', null);
		$.cookie('h1', null);
		$.cookie('h2', null);
	});
	
//-----------------------------------------------------	
	
	function setFontSize(fs, h1, h2){
		$('#wrap .iwPanel *').css('font-size', fs+'px');
		$('.mainbody .iwPanel h1').css('font-size', h1+'px');
		$('.mainbody .iwPanel h2').css('font-size', h2+'px');
		$('.mainbody .iwPanel .phaseTitle').css('font-size', '11px');
	}	
	
	
	
});