var ex9;

$('open_blue').onclick = function ()
{
	ex9 = new Animator({transition: Animator.makeEaseOut(3),duration: 1000});
	if(parseInt($("blue").style.marginLeft) < 100)
	{
		ex9.addSubject(new NumericalStyleSubject($("blue"), 'margin-left', 0, 161));
	}
	else
	{
		ex9.addSubject(new NumericalStyleSubject($("blue"), 'margin-left', 161, 0));
		ex9.addSubject(new NumericalStyleSubject($("red"), 'margin-left', 0, 161));
	}
	ex9.play();
}

$('open_red').onclick = function ()
{
	ex9 = new Animator({transition: Animator.makeEaseOut(3),duration: 1000});
	if(parseInt($("red").style.marginLeft) < 100)
	{
		ex9.addSubject(new NumericalStyleSubject($("red"), 'margin-left', 0, 161));
	}
	else
	{
		ex9.addSubject(new NumericalStyleSubject($("red"), 'margin-left', 161, 0));
		ex9.addSubject(new NumericalStyleSubject($("blue"), 'margin-left', 0, 161));
	}
	ex9.play();
}