var objContainer;
var objBig;
var objMiddle;
var objSmall;
var objCol01;
var objCol02; 
var objCol03; 
var imgBig01;
var imgBig02;
var imgMiddle01;
var imgMiddle02;
var imgSmall01;
var imgSmall02;

function selectBigLetter()
{
	objContainer.style.fontSize = "16px";
	objBig.src = imgBig02.src;
	objMiddle.src = imgMiddle01.src;
	objSmall.src = imgSmall01.src;
	objCol01.style.height = "32em";
	objCol02.style.height = "32em"; 
	objCol03.style.height = "32em";
	document.cookie = "size=b;path=/";
}

function selectMiddleLetter()
{
	objContainer.style.fontSize = "12px";
	objBig.src = imgBig01.src;
	objMiddle.src = imgMiddle02.src;
	objSmall.src = imgSmall01.src;
	objCol01.style.height = "28em";
	objCol02.style.height = "28em"; 
	objCol03.style.height = "28em"; 
	document.cookie = "size=m;path=/";
}

function selectSmallLetter()
{
	objContainer.style.fontSize = "10px";
	objBig.src = imgBig01.src;
	objMiddle.src = imgMiddle01.src;
	objSmall.src = imgSmall02.src;
	objCol01.style.height = "24em";
	objCol02.style.height = "24em"; 
	objCol03.style.height = "24em"; 
	document.cookie = "size=s;path=/";
}

function checkLetterSize()
{
	var cookie_list = document.cookie;
	var pos = cookie_list.indexOf("size=");
	if (pos == -1)
	{
		document.cookie = "size=s;path=/";
	}
	else
	{
		var cookie_value = cookie_list.substring(pos + 5, pos + 6);
		if (cookie_value == "b"){
			selectBigLetter();
		}
		else if (cookie_value == "m")
		{
			selectMiddleLetter();
		}
		else
		{
			selectSmallLetter();
		}
	}
}

function setFunction(){
	objContainer = document.getElementById('container');
	objBig = document.getElementById('lettersize-big');
	objMiddle = document.getElementById('lettersize-middle');
	objSmall = document.getElementById('lettersize-small');
	objCol01 = document.getElementById('col-1'); 
	objCol02 = document.getElementById('col-2'); 
	objCol03 = document.getElementById('col-3'); 
	objBig.onclick = selectBigLetter;
	objMiddle.onclick = selectMiddleLetter;
	objSmall.onclick = selectSmallLetter;
	imgBig01 = new Image();
	imgBig02 = new Image();
	imgMiddle01 = new Image();
	imgMiddle02 = new Image();
	imgSmall01 = new Image();
	imgSmall02 = new Image();
	imgBig01.src = "clientscript/lettersize-b-1.gif";
	imgBig02.src = "clientscript/lettersize-b-2.gif";
	imgMiddle01.src = "clientscript/lettersize-m-1.gif";
	imgMiddle02.src = "clientscript/lettersize-m-2.gif";
	imgSmall01.src = "clientscript/lettersize-s-1.gif";
	imgSmall02.src = "clientscript/lettersize-s-2.gif";
	checkLetterSize();
}

window.onload = setFunction;