window.onload = init;

//application initialization
function init()
{
	var o_standard_font_span = document.getElementById ( "standard_font_span" );
	var o_large_font_span = document.getElementById ( "large_font_span" );
	var o_application_body_td = document.getElementById("application_body_td");
	
	//read saved cookie
	var application_font_class = read_cookie("application_font_class");
	
	if( application_font_class )
	{
		//change links style
		change_links_style( application_font_class );
		
		//change main text style
		o_application_body_td.className = application_font_class;
	}
	else
	{
		o_standard_font_span.innerHTML = "<b>standard</b>";
		o_standard_font_span.className = "selected_font_text";
		
		o_large_font_span.innerHTML = "<a style=\"color: #443e2f;\" class=\"font_size_link\" href=\"#\" id=\"large_font_link\" onclick=\"on_font_size_changed('largeFont')\"/>large</a>";
		
		o_application_body_td.className = "standardFont";
	}
}

function change_links_style( application_font_class )
{
	var o_standard_font_span = document.getElementById ( "standard_font_span" );
	var o_large_font_span = document.getElementById ( "large_font_span" );
	
	//if user use standard font
	if ( application_font_class == "standardFont" )
	{
		o_standard_font_span.innerHTML = "<b>standard</b>";
		o_standard_font_span.className = "selected_font_text";
		
		o_large_font_span.innerHTML = "<a style=\"color: #443e2f;\" class=\"font_size_link\" href=\"#\" id=\"large_font_link\" onclick=\"on_font_size_changed('largeFont')\"/>large</a>";
	}
		
	//if user use large font
	if ( application_font_class == "largeFont" )
	{
		o_large_font_span.innerHTML = "<b>large</b>";
		o_large_font_span.className = "selected_font_text";
		
		o_standard_font_span.innerHTML = "<a style=\"color: #443e2f;\" class=\"font_size_link\" href=\"#\" id=\"standard_font_link\" onclick=\"on_font_size_changed('standardFont')\"/>standard</a>"
	}
}


function on_font_size_changed( font_class )
{
	//change links style
	change_links_style( font_class );
	
	//change main content text style 
	var o_application_body_td = document.getElementById("application_body_td");
	o_application_body_td.className = font_class;
	
	//save choise in cookies
	create_cookie( "application_font_class", font_class, 30 );
}