var bodySize = "large";
var backgroundImage = new BackgroundImageController();

function BackgroundImageController(){

	this.isLarge = true;

	this.setImage = function ()
	{
		if(this.isLarge == false){ // show mini bg
			document.getElementById('bground').src = "./default_small.png";
		}
		else{ // show large bg
			document.getElementById('bground').src = "./default.png";
		}
	}
}

//////////////////////////////////////////////////////////////////////////

function toggleInterface()
{
	if( bodySize == "large" )
	{
		bodySize = "small";
		document.body.style.height = "100px",
		document.body.style.width = "100px";
		document.getElementById('bground').style.width = "100px";
		document.getElementById('bground').style.height = "100px";
		backgroundImage.isLarge = false;
		backgroundImage.setImage();
		document.getElementById('TextLayer').style.visibility = "hidden";
		document.getElementById('InputLayer').style.visibility = "hidden";
		document.getElementById('OutputLayer').style.visibility = "hidden";
		document.getElementById('ChangeBig').style.visibility = "hidden";
		document.getElementById('ChangeSmall').style.visibility = "visible";
	}
	else
	{
		g_bodySize = "large";
		document.body.style.height = "250px";
		document.body.style.width = "250px";
		document.getElementById('bground').style.width = "250px";
		document.getElementById('bground').style.height = "250px";
		backgroundImage.isLarge = true;
		backgroundImage.setImage();
		document.getElementById('TextLayer').style.visibility = "visible";
		document.getElementById('InputLayer').style.visibility = "visible";
		document.getElementById('OutputLayer').style.visibility = "visible";
		document.getElementById('ChangeBig').style.visibility = "visible";
		document.getElementById('ChangeSmall').style.visibility = "hidden";
	}
}