titlestring is "<h3>Index to Construals of Malaria</h3>" // intro;

title is Div("index", 10,10,500,20,titlestring);

## intropara is Div("intro", 10, 50, 500, 170, intro);

intro = "<p>The following construals have been developed in connection with the paper '<i>Modelling Intelligence through Observation, Dependency and Agency in Making Construals of Malaria</i>' in the proceedings of <b>Intelligent Tutoring Systems 2012</b>, and the associated Warwick University Computer Science research report CSRR#449.</p>
<p>Click on a button to select a construal. Be patient - each construal takes some time to load. For more details of the currently loaded construal consult the \"HTML Output\" tab. A browser such as Firefox or Chrome that supports HTML-5 is required.</p>
<p>To select another construal, refresh the webpage and reload this index.</p>";

buttonlocy = 200;

selected = 0;
button1 is Button("generic", "A Generic Construal of Malarial Infection", 10, buttonlocy+40, selected!=1);

button2 is Button("pvmi", "A Construal of Plasmodium Vivax Malarial Infection", 10, buttonlocy+80, selected!=2);

button3 is Button("pvmimech", "Mechanism underlying the Construal of Plasmodium Vivax Malarial Infection", 10, buttonlocy+120, selected!=3);

## content is [intropara, button1, button2, button3];
content is [button1, button2, button3];

picture is [title] // content;

proc button1mech : generic_clicked {
	if (selected!=0) reset();
	include("models/malariaITS/malaria1new.jse");
	selected = 1;
}

proc button2mech : pvmi_clicked {
	if (selected!=0) reset();
	include("models/malariaITS/malaria2new.jse");
	selected = 2;
}

proc button3mech : pvmimech_clicked {
	if (selected!=0) reset();
	include("models/malariaITS/malaria2anew.jse");
	selected = 3;
}