var menuSaro = '<ul>' +
'<li><a href="./index.html">Story of Saro</a></li>' +
'<ul>' +
'<li><a href="./mother.html">Mother</a></li>' +
'<li><a href="./father.html">Father</a></li>' +
'<li><a href="./soldiers.html">Soldiers</a></li>' +
'<li><a href="./slave.html">Slave</a></li>' +
'<li><a href="./paupers.html">Paupers</a></li>' +
'<li><a href="./pirates.html">Pirates</a></li>' +
'<li><a href="./prisoners.html">Prisoners</a></li>' +
'<li><a href="./cannibals.html">Cannibals</a></li>' +
'<li><a href="./farmers.html">Farmers</a></li>' +
'<li><a href="./hunters.html">Hunters</a></li>' +
'<li><a href="./thieves.html">Thieves</a></li>' +
'<li><a href="./doctor.html">Doctor</a></li>' +
'<li><a href="./beggars.html">Beggars</a></li>' +
'<li><a href="./actors.html">Actors</a></li>' +
'<li><a href="./masters.html">Masters</a></li>' +
'<li><a href="./myths.html">Myths</a></li>' +
'</ul>' +
'</ul>';
document.write(menuSaro);

var lis = document.getElementsByTagName("a");

for (var i=0;i<lis.length;i++) {
lis[i].onmouseover = function() {
	change_color();
};
lis[i].onmouseout = function() {
	restore_color("white");
};
};