function option_open()
{
	s=(" ");
	s=s.concat("<table>");
	s=s.concat("<tr>");
	s=s.concat("<td id=mn150>Тип шрифта</td>");
	s=s.concat("<td id=mn151><div id=font_display>" + getCookie("font") + "</div></td>");
	s=s.concat("<td id=mn152>");
	s=s.concat("<select onchange='fontselect(this.options[this.selectedIndex].value)'>");
	s=s.concat("<option value='Arial'>Arial</option>");
	s=s.concat("<option value='Arial Black'>Arial Black</option>");
	s=s.concat("<option value='Arial Narrow'>Arial Narrow</option>");
	s=s.concat("<option value='Book Antiqua'>Book Antiqua</option>");
	s=s.concat("<option value='Century Gothic'>Century Gothic</option>");
	s=s.concat("<option value='Comic Sans MS'>Comic Sans MS</option>");
	s=s.concat("<option value='Courier New'>Courier New</option>");
	s=s.concat("<option value='Franklin Gothic Medium'>Franklin Gothic Medium</option>");
	s=s.concat("<option value='Garamond'>Garamond</option>");
	s=s.concat("<option value='Georgia'>Georgia</option>");
	s=s.concat("<option value='Impact'>Impact</option>");
	s=s.concat("<option value='Lucida Console'>Lucida Console</option>");
	s=s.concat("<option value='Lucida Sans Unicode'>Lucida Sans Unicode</option>");
	s=s.concat("<option value='Microsoft Sans Serif'>Microsoft Sans Serif</option>");
	s=s.concat("<option value='Palatino Linotype'>Palatino Linotype</option>");
	s=s.concat("<option value='Tahoma'>Tahoma</option>");
	s=s.concat("<option value='Times New Roman'>Times New Roman</option>");
	s=s.concat("<option value='Trebuchet MS'>Trebuchet MS</option>");
	s=s.concat("<option value='Verdana'>Verdana</option>");
	s=s.concat("</select>");
	s=s.concat("</td>");
	s=s.concat("</tr>");

	s=s.concat("<tr>");
	s=s.concat("<td id=mn150>Выравнивание</td>");
	s=s.concat("<td id=mn151><div id=text_align_display>" + getCookie("text_align") + "</div></td>");
	s=s.concat("<td id=mn152>");
	s=s.concat("<select onchange='text_align(this.options[this.selectedIndex].value)'>");
	s=s.concat("<option value='Justify'>Justify</option>");
	s=s.concat("<option value='Left'>Left</option>");
	s=s.concat("<option value='Right'>Right</option>");
	s=s.concat("<option value='Center'>Center</option>");
	s=s.concat("</select>");
	s=s.concat("</td>");
	s=s.concat("</tr>");

	s=s.concat("<tr>");
	s=s.concat("<td id=mn150>Размер шрифта</td>");
	s=s.concat("<td id=mn151><div id=font_size_display>" + getCookie("font_size") + "</div></td>");
	s=s.concat("<td id=mn152>");
	s=s.concat("<select onchange='font_size(this.options[this.selectedIndex].value)'>");
	for (i = 6; i <= 100; i++) s=s.concat("<option value='"+i+"'>"+i+"</option>");
	s=s.concat("</select>");
	s=s.concat("</td>");
	s=s.concat("</tr>");

	s=s.concat("<tr>");
	s=s.concat("<td colspan=3 id=mn154><input type=button value='Cброс' onClick='reset()'></td>");
	s=s.concat("</tr>");

	s=s.concat("</table>");


	document.getElementById('option').innerHTML = s;
    document.getElementById('option2').innerHTML = '<a href=# onMouseDown=option_close()>скрыть</a>';
	document.getElementById('option3').style.display = ("block");
	document.getElementById('background_color_display').innerHTML = getCookie("background_color");
	document.getElementById('font_color_display').innerHTML = getCookie("font_color");
}



function option_close()
{
	document.getElementById('option').innerHTML = "";
    document.getElementById('option2').innerHTML = '<a href=# onMouseDown=option_open()>изменить стиль страницы</a>';
	document.getElementById('option3').style.display = ("none");
}

function font_size(f)
{
	document.getElementById('text').style.fontSize = (f+"px");
	document.getElementById('font_size_display').innerHTML = f;
	setCookie("font_size", f, "Mon, 01-Jan-2020 00:00:00 GMT", "/");
}

function text_align(f)
{
	document.getElementById('text').style.textAlign = f;
	document.getElementById('text_align_display').innerHTML = f;
	setCookie("text_align", f, "Mon, 01-Jan-2020 00:00:00 GMT", "/");
}

function fontselect(f)
{
	document.getElementById('text').style.fontFamily = f;
	document.getElementById('font_display').innerHTML = f;
	setCookie("font", f, "Mon, 01-Jan-2020 00:00:00 GMT", "/");
}

function background_color_select(f)
{
	document.getElementById('text').style.backgroundColor = "#"+f;
	document.getElementById('background').style.backgroundColor = "#"+f;
	document.getElementById('background_color_display').innerHTML = f;
	setCookie("background_color", f, "Mon, 01-Jan-2020 00:00:00 GMT", "/");
}
function font_color_select(f)
{
	document.getElementById('text').style.color = "#"+f;
	document.getElementById('font_color_display').innerHTML = f;
	setCookie("font_color", f, "Mon, 01-Jan-2020 00:00:00 GMT", "/");
}

function reset()
{
	font_size('18');
	text_align('Justify');
	fontselect('Arial');
	background_color_select('FFFFFF');
	font_color_select('000000');
}