var cookie_page_width = 'cookie_page_width', cookie_letter_size = 'cookie_letter_size';

if (readCookie(cookie_page_width) == null)
{
	createCookie(cookie_page_width, '920px', 1);
}

if (readCookie(cookie_letter_size) == null)
{
	createCookie(cookie_letter_size, '1.0em', 1);
}

function hideAll()
{
	$("#small").empty();	$("#small").append(' ');
	$("#normal").empty();	$("#normal").append(' ');
	$("#large").empty();	$("#large").append(' ');

	$("#w800").empty();		$("#w800").append(' ');
	$("#w1024").empty();	$("#w1024").append(' ');
	$("#wLiquid").empty();	$("#wLiquid").append(' ');
}

function setCurrentStatus()
{
	hideAll();

	if (readCookie(cookie_letter_size) == '0.8em')
	{
		$("#small").empty();
		$("#small").append('<div id="dsmall">&nbsp;</div>');
	}
	else if (readCookie(cookie_letter_size) == '1.0em')
	{
		$("#normal").empty();
		$("#normal").append('<div id="dnormal">&nbsp;</div>');
	}
	else if (readCookie(cookie_letter_size) == '1.2em')
	{
		$("#large").empty();
		$("#large").append('<div id="dlarge">&nbsp;</div>');
	}

	if (readCookie(cookie_page_width) == '770px')
	{
		$("#w800").empty();
		$("#w800").append('<div id="dw800">&nbsp;</div>');
	}
	else if (readCookie(cookie_page_width) == '920px')
	{
		$("#w1024").empty();
		$("#w1024").append('<div id="dw1024">&nbsp;</div>');
	}
	else if (readCookie(cookie_page_width) == '96%')
	{
		$("#wLiquid").empty();
		$("#wLiquid").append('<div id="dwLiquid">&nbsp;</div>');
	}
}

setCurrentStatus();

$("#w800").click(function() {
	var w = readCookie(cookie_page_width);
	if ('96%' == w)
	{
		w = document.body.clientWidth;
		w = w * 0.96;
		$('div.page').css('width', w + 'px');
	}
	createCookie(cookie_page_width, '770px', 1);
	$("div.page").animate({
		width: 770
	}, "slow");
	setCurrentStatus();
});

$("#w1024").click(function() {
	var w = readCookie(cookie_page_width);
	if ('96%' == w)
	{
		w = document.body.clientWidth;
		w = w * 0.96;
		$('div.page').css('width', w + 'px');
	}
	$("div.page").animate({
		width: 920
	}, "slow");
	createCookie(cookie_page_width, '920px', 1);
	setCurrentStatus();
});

$("#wLiquid").click(function() {
	if ('96%' != readCookie(cookie_page_width))
	{
		var w = document.body.clientWidth;
		w = w * 0.96;
		$("div.page").animate({
			width: w
		}, "slow");
	}
	createCookie(cookie_page_width, '96%', 1);
	setCurrentStatus();
});

$("#small").click(function() {
	$("div.page").css({ fontSize: "0.8em" });
	createCookie(cookie_letter_size, '0.8em', 1);
	setCurrentStatus();
});
$("#normal").click(function() {
	$("div.page").css({ fontSize: "1.0em" });
	createCookie(cookie_letter_size, '1.0em', 1);
	setCurrentStatus();
});
$("#large").click(function() {
	$("div.page").css({ fontSize: "1.2em" });
	createCookie(cookie_letter_size, '1.2em', 1);
	setCurrentStatus();
});
$(window).resize(function() {
	if ('96%' == readCookie(cookie_page_width))
	{
		$("div.page").css("width", readCookie(cookie_page_width));
	}
});

$("div.page").css("width", readCookie(cookie_page_width));
$("div.page").css("fontSize", readCookie(cookie_letter_size));