function initialize3(){
	$('Bigger').onclick = function() { changeSize(1);drawText();}
	$('Smaller').onclick = function() { changeSize(-1);drawText();}
	$('caption_submit').style.display ='none';
	$('caption_input').onclick = function() { clearCaption();}
	$('caption_form').onsubmit = function() { setStatement();}
		setTimeout ("hideInstruct()",3000);

	refresh3Loop();
	//setTimeout ("hideInstruct()",3000);

}

function hideInstruct()
{
	$('worst').style.display ='none';
}
function changeSize(value)
{
	var url = root+'/changeText.php';
	var pars = { r:root, v:value };
	var myAjax = new Ajax.Request(url, {method: 'get', parameters: pars
	} );
	//	, onComplete: changeTextLoading

}

function drawText()
{
	var url = root+'/drawText.php';
	var pars = { r:root};
	var myAjax = new Ajax.Request(url, {method: 'get', parameters: pars, 
	onComplete: changeTextComplete
	} );	
}

function changeStatement()
{
	$('default3').style.display ='none';
	$('caption_form').style.display ='block';
	$('caption_input').value = 'you win! type your statement here';
$('Page_Text').style.display ='none';
}

function setStatement()
{
	var url = root+'/setStatement.php';
	var pars = Form.serialize('caption_form');
	//var pars = {input: fr, r:root};
	var myAjax = new Ajax.Request(url, {method: 'get', parameters: pars, 
	onComplete: setStatementComplete
	} );
}

function changeTextLoading(originalRequest)
{
	var newData = originalRequest.responseText;
	$('Page_Load').innerHTML = newData;
}

function changeTextComplete(originalRequest)
{
	var newData = originalRequest.responseText;
	$('Page_Text').innerHTML = newData;
}

function clearCaption()
{
$('caption_input').value = '';
}

function setStatementComplete(originalRequest)
{
	var newData = originalRequest.responseText;
	refresh3();
	//$('Page_Load').innerHTML = newData;
	$('default3').style.display ='block';
	$('caption_form').style.display ='none';
	$('Page_Text').style.display ='block';

	
	
}





function refresh3()
{
	var url = root+'/3.php';
	var pars = {r:root};
	var myAjax = new Ajax.Request(url, {method: 'get', parameters: pars,
	onComplete: refresh3Complete
	} );
}

function refresh3Complete()
{
	var newData = originalRequest.responseText;
	$('Page_Root').innerHTML = newData;
}

function refresh3Loop()
{
	drawText();
	//refresh3();
	setTimeout ("refresh3Loop()",5000);
}